@layer components{.projects-kinetic_title{gap:var(--space-4);flex-direction:column;display:flex}.projects-kinetic_title>.heading{margin:0}.projects-kinetic_wrap{gap:var(--space-7);flex-direction:column;width:100%;display:flex}.projects-kinetic_head{display:contents}.projects-kinetic_head>.button_wrap{order:1;align-self:flex-start}@media (min-width:48rem){.projects-kinetic_head{justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;display:flex}}.projects-kinetic_list{gap:var(--space-3);margin-inline:calc(var(--site-margin) * -1);padding-inline:var(--site-margin);scroll-padding-inline:var(--site-margin);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(80%,22rem);grid-auto-flow:column;display:grid;overflow-x:auto}.projects-kinetic_list::-webkit-scrollbar{display:none}@media (min-width:48rem){.projects-kinetic_list{grid-auto-columns:min(42%,24rem)}}.projects-kinetic_item{scroll-snap-align:start}.projects-kinetic_card{aspect-ratio:4/5;isolation:isolate;height:100%;padding:var(--space-5);border-radius:var(--radius-small);background-color:var(--background);color:var(--text);flex-direction:column;justify-content:flex-end;text-decoration:none;display:flex;position:relative;overflow:clip}.projects-kinetic_card>.image{z-index:-2;width:100%;height:100%;transition:scale .8s var(--hover-ease);position:absolute;inset:0}.projects-kinetic_card:before,.projects-kinetic_card:after{content:"";z-index:-1;position:absolute;inset:0}.projects-kinetic_card:before{background-color:var(--dark-900);opacity:0;transition:opacity .8s var(--hover-ease)}.projects-kinetic_card:after{background:linear-gradient(to top, color-mix(in lab, var(--dark-900) 85%, transparent), color-mix(in lab, var(--dark-900) 10%, transparent) 60%)}@media (hover:hover){.projects-kinetic_card:hover .projects-kinetic_arrow{translate:.15em -.15em}}.projects-kinetic_arrow.icon{top:var(--space-5);right:var(--space-5);--_size:1.5rem;transition:translate .6s var(--hover-ease), opacity .6s var(--hover-ease);position:absolute}.projects-kinetic_info{gap:var(--space-3);flex-direction:column;display:flex}.projects-kinetic_info .heading,.projects-kinetic_info .text{margin:0}.projects-kinetic_details{gap:var(--space-1);padding-top:var(--space-3);border-top:var(--border-width) solid var(--border);transition:opacity .6s var(--hover-ease), translate .6s var(--hover-ease);flex-direction:column;display:flex}.projects-kinetic_category{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.projects-kinetic_spine{display:none}@media (min-width:64rem) and (hover:hover) and (pointer:fine){.projects-kinetic_list{gap:var(--space-2);height:clamp(26rem,62svh,36rem);margin-inline:0;padding-inline:0;display:flex;overflow:visible;container-type:inline-size}.projects-kinetic_item{min-width:0;transition:flex-grow .9s var(--hover-ease);flex:1 1 0}.projects-kinetic_item.is-active{flex-grow:3.4}.projects-kinetic_card{aspect-ratio:auto}.projects-kinetic_info{width:calc((100cqw - (var(--_count) - 1) * var(--space-2)) * 3.4 / (var(--_count) + 2.4) - 2 * var(--space-5));clip-path:inset(0);transition:clip-path .9s var(--hover-ease);flex:none}.projects-kinetic_spine{inset:var(--space-5);justify-content:space-between;align-items:start;gap:var(--space-3);writing-mode:vertical-rl;opacity:0;visibility:hidden;transition:opacity .25s var(--hover-ease), visibility 0s .25s;display:flex;position:absolute;rotate:180deg}.projects-kinetic_name{font-size:var(--h5);font-weight:var(--primary-medium);line-height:var(--line-height-medium);letter-spacing:var(--letter-spacing-tight);white-space:nowrap}.projects-kinetic_tags{gap:var(--space-1);flex-direction:row-reverse;min-height:0;display:flex;overflow:hidden}.projects-kinetic_tag{border:var(--border-width) solid color-mix(in lab, currentcolor 40%, transparent);border-radius:var(--radius-round);font-size:var(--text-small);white-space:nowrap;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);padding-block:.45em;padding-inline:.9em;line-height:1.2}.projects-kinetic_item:not(.is-active) .image{scale:1.12}.projects-kinetic_item:not(.is-active) .projects-kinetic_card:before{opacity:.35}.projects-kinetic_item:not(.is-active) .projects-kinetic_arrow,.projects-kinetic_item:not(.is-active) .projects-kinetic_details{opacity:0}.projects-kinetic_item:not(.is-active) .projects-kinetic_details{translate:0 .75rem}.projects-kinetic_item:not(.is-active) .projects-kinetic_info{clip-path:inset(0 100% 0 0);transition-duration:.5s}.projects-kinetic_item:not(.is-active) .projects-kinetic_spine{opacity:1;visibility:visible;transition:opacity .5s var(--hover-ease) .45s, visibility 0s .45s}}.services-shader_intro{gap:var(--space-4);flex-direction:column;display:flex}.services-shader_intro>.heading{margin:0}.services-shader_wrap{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.services-shader_head{display:contents}.services-shader_head>.heading{margin:0}.services-shader_head>.button_wrap{order:1;align-self:flex-start}.services-shader_list{border-top:var(--border-width) solid var(--border)}.services-shader_item{border-bottom:var(--border-width) solid var(--border);position:relative}.services-shader_row{align-items:center;column-gap:var(--space-4);padding-block:var(--space-5);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.services-shader_thumb.shader_wrap{aspect-ratio:1;border-radius:var(--radius-small);width:2.5rem}.services-shader_title.heading{transition:color .7s var(--hover-ease);margin:0;position:relative}.services-shader_link{color:inherit;text-decoration:none}.services-shader_toggle{aspect-ratio:1;width:2.5rem;color:var(--text);place-items:center;display:grid}.services-shader_toggle:after{content:"";position:absolute;inset:0}.services-shader_toggle .icon{transition:rotate .6s var(--hover-ease);rotate:45deg}.services-shader_item.is-open .services-shader_toggle .icon{rotate:0deg}.services-shader_item.is-open .services-shader_row{row-gap:var(--space-4)}.services-shader_item.is-open .services-shader_thumb.shader_wrap{aspect-ratio:2;grid-area:1/1/auto/-1;width:100%}.services-shader_item.is-open .services-shader_title.heading{z-index:1;margin:var(--space-4);color:var(--light-100);grid-area:1/1/auto/-1;align-self:end}.services-shader_item.is-open .services-shader_toggle{z-index:1;margin:var(--space-2);border-radius:var(--radius-tiny);background-color:var(--background);grid-area:1/3;align-self:start}@media not ((min-width:64rem) and (hover:hover) and (pointer:fine)){.services-shader_more.button_wrap.white{--button-background:var(--button-2-background);--button-border:var(--button-2-border);--button-text:var(--button-2-text);--button-background-hover:var(--button-2-background-hover);--button-border-hover:var(--button-2-border-hover);--button-text-hover:var(--button-2-text-hover);--button-icon:var(--button-2-icon)}}.services-shader_arrow,.services-shader_stage{display:none}.services-shader_body{transition:grid-template-rows .6s var(--hover-ease);grid-template-rows:0fr;display:grid}.services-shader_item.is-open .services-shader_body{grid-template-rows:1fr}.services-shader_inner{align-items:start;gap:var(--space-4);visibility:hidden;flex-direction:column;min-height:0;transition:visibility 0s .6s;display:flex;overflow:hidden}.services-shader_inner .text{margin:0}.services-shader_inner>:last-child{margin-bottom:var(--space-5)}.services-shader_item.is-open .services-shader_inner{visibility:visible;transition-delay:0s}.services-shader_text{color:var(--text-soft)}.services-shader_tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.services-shader_tag{border:var(--border-width) solid color-mix(in lab, currentcolor 25%, transparent);border-radius:var(--radius-round);font-size:var(--text-small);padding:.45em .9em;line-height:1.2}@supports (text-box:trim-both cap alphabetic){.services-shader_tag{text-box:trim-both cap alphabetic;padding-block:.7em}}@media (min-width:64rem) and (hover:hover) and (pointer:fine){.services-shader_head{justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;display:flex}.services-shader_head>.button_wrap{align-self:auto}.services-shader_layout{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) 45%;display:grid;position:relative}.services-shader_list{border-top:0}.services-shader_item{position:static}.services-shader_item:first-child{border-top:var(--border-width) solid var(--border)}.services-shader_toggle,.services-shader_thumb{display:none}.services-shader_row{padding-block:var(--space-5);grid-template-columns:minmax(0,1fr) auto}.services-shader_title.heading{font-size:var(--h3);color:color-mix(in lab, var(--text) 30%, transparent);transition:color var(--hover-duration) var(--hover-ease), translate .6s var(--hover-ease)}.services-shader_link:after{content:"";position:absolute;inset:0}.services-shader_arrow.icon{--_size:1.5rem;transition:rotate .6s var(--hover-ease), color var(--hover-duration) var(--hover-ease);display:block}.services-shader_item.is-active .services-shader_title.heading{color:var(--text);translate:1rem}.services-shader_item.is-active .services-shader_arrow{color:var(--accent);rotate:45deg}.services-shader_stage{isolation:isolate;border-radius:var(--radius-small);grid-area:1/2;display:block;position:relative;overflow:clip}.services-shader_stage:after{content:"";background:linear-gradient(to top, color-mix(in lab, var(--dark-900) 75%, transparent), transparent 70%);position:absolute;inset:0}.services-shader_canvas.shader_wrap{position:absolute;inset:0}.services-shader_body{z-index:1;pointer-events:none;width:45%;display:block;position:absolute;top:0;bottom:0;right:0}.services-shader_inner{height:100%;padding:var(--space-6);color:var(--light-100);opacity:0;transition:opacity .5s var(--hover-ease), translate .8s var(--hover-ease), visibility 0s .5s;justify-content:flex-end;overflow:visible;translate:0 1rem}.services-shader_inner>:last-child{margin-bottom:0}.services-shader_item.is-active .services-shader_inner{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.15s,.15s,0s;translate:0}.services-shader_text{color:inherit;font-size:var(--text-xlarge)}.services-shader_tag{border-color:color-mix(in lab, currentcolor 40%, transparent);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.services-shader_more.button_wrap{min-height:3em;padding:0 1.5em;font-size:.875rem}}.about-kinetic_wrap{gap:var(--space-8);isolation:isolate;border-radius:var(--radius-main);width:100%;color:var(--text);flex-direction:column;padding:clamp(1.25rem,.75rem + 2.5vw,3rem);display:flex;position:relative;overflow:clip}.about-kinetic_backdrop.shader_wrap{z-index:-1;position:absolute;inset:0}.about-kinetic_top{align-items:start;gap:var(--space-6);flex-direction:column-reverse;display:flex}@media (min-width:48rem){.about-kinetic_top{flex-direction:row;justify-content:space-between}}.about-kinetic_intro{align-items:start;gap:var(--space-5);flex-direction:column;display:flex}.about-kinetic_statement{text-wrap:balance;max-width:26ch;margin:0;font-size:clamp(1.75rem,.964rem + 3.929vw,4.5rem);line-height:calc(.96em + .25rem)}.about-kinetic_visual{aspect-ratio:1;border-radius:var(--radius-xs);flex:none;width:7rem;overflow:clip}.about-kinetic_visual>.image{width:100%;height:100%}.about-kinetic_foot{justify-content:space-between;align-items:end;gap:var(--space-5);padding-top:var(--space-5);border-top:var(--border-width) solid color-mix(in lab, var(--light-100) 25%, transparent);flex-wrap:wrap;display:flex}.about-kinetic_facts{gap:var(--space-4) var(--space-6);flex-wrap:wrap;margin:0;display:flex}.about-kinetic_fact{gap:var(--space-2);flex-direction:column;display:flex}@media (min-width:48rem){.about-kinetic_fact+.about-kinetic_fact{padding-left:var(--space-6);border-left:var(--border-width) solid color-mix(in lab, var(--light-100) 25%, transparent)}}.about-kinetic_fact>dt,.about-kinetic_fact>dd{margin:0}}
