@layer components{.hero-work_wrap{gap:var(--space-6) var(--section-space-small);align-items:center;width:100%;display:grid}@media (min-width:64rem){.hero-work_wrap{grid-template-columns:auto minmax(0,1fr)}}.hero-work_count{gap:var(--space-2);flex-direction:column;display:flex}.hero-work_number{font-family:var(--heading-family);color:var(--brand-500);font-size:clamp(7.5rem,4rem + 11vw,15rem);line-height:.85}.hero-work_label{color:var(--text-2)}.hero-work_content{gap:var(--space-4);flex-direction:column;display:flex}.featured_wrap{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.featured_panel{gap:var(--space-6) var(--section-space-small);padding:var(--space-6);border:var(--border-width) solid var(--border);align-items:center;display:grid}@media (min-width:64rem){.featured_panel{padding:var(--space-7);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.featured_body{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.featured_count{color:var(--text-accent)}.featured_headline{max-width:14ch;margin:0}.featured_client{flex-direction:column;gap:.25rem;display:flex}.featured_descriptor{color:var(--text-2)}.featured_tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.featured_tag{border:var(--border-width) solid var(--text);border-radius:var(--radius-round);padding:.4em .9em;font-size:.6875rem}.featured_stats{gap:var(--space-6);width:100%;padding-top:var(--space-4);border-top:var(--border-width) solid var(--border);display:flex}.featured_stat{flex-direction:column-reverse;gap:.25rem;display:flex}.featured_stat_label{color:var(--text-2)}.featured_stat_value{font-family:var(--heading-family);font-size:var(--h3);margin:0;line-height:1}.featured_link{border-bottom:var(--border-width) solid var(--link-border);font-weight:var(--primary-medium);transition:border-color var(--hover-duration) var(--hover-ease);padding-bottom:.25em;text-decoration:none}@media (hover:hover){.featured_link:hover{border-color:var(--link-border-hover)}}.featured_media{display:block}@media (hover:hover){.featured_media:hover .browser_img{scale:1.02}}.work-table_wrap{width:100%;position:relative}.work-table_head{gap:var(--space-4);padding:0 var(--space-3) var(--space-3);border-bottom:var(--border-width) solid var(--text);color:var(--text-2);font-family:var(--mono-family);font-size:.75rem;font-weight:var(--mono-medium);letter-spacing:.08em;text-transform:uppercase;display:none}@media (min-width:64rem){.work-table_head{grid-template-columns:3rem minmax(0,1.2fr) minmax(0,1.6fr) 8rem 5rem;display:grid}}.work-table_list{border-top:var(--border-width) solid var(--border)}@media (min-width:64rem){.work-table_list{border-top:0}}.work-table_row{gap:var(--space-1) var(--space-4);padding:var(--space-5) var(--space-3);border-bottom:var(--border-width) solid var(--border);transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);grid-template-columns:2.5rem minmax(0,1fr);grid-template-areas:"num client"".did"".platform";align-items:center;text-decoration:none;display:grid}@media (min-width:64rem){.work-table_row{grid-template-columns:3rem minmax(0,1.2fr) minmax(0,1.6fr) 8rem 5rem;grid-template-areas:"num client did platform year"}}@media (hover:hover){.work-table_row:hover{background-color:var(--brand-500);color:var(--light-200)}.work-table_row:hover .work-table_number,.work-table_row:hover .work-table_did,.work-table_row:hover .work-table_year{color:var(--light-100)}}.work-table_number{color:var(--text-2);grid-area:num}.work-table_client{font-size:var(--h4);grid-area:client;line-height:1.2}.work-table_did{color:var(--text-2);grid-area:did}.work-table_platform{grid-area:platform}.work-table_year{color:var(--text-2);grid-area:year;display:none}@media (min-width:64rem){.work-table_year{display:block}}.work-table_preview{z-index:2;gap:var(--space-1);width:18rem;padding:var(--space-2);background-color:var(--background);border:var(--border-width) solid var(--border);pointer-events:none;opacity:0;transition:opacity var(--hover-duration) var(--hover-ease), scale var(--hover-duration) var(--hover-ease), translate .15s linear;flex-direction:column;display:none;position:absolute;top:0;left:0;rotate:2deg;scale:.9}@media (hover:hover) and (min-width:64rem){.work-table_preview{display:flex}}.work-table_wrap.is-previewing .work-table_preview{opacity:1;scale:1}.work-table_preview_screen{aspect-ratio:16/10;margin-bottom:var(--space-2);background-color:var(--background-skeleton);overflow:clip}.work-table_preview_img{object-position:top center;height:100%}.work-table_preview_meta{color:var(--text-2)}}