@layer components{.work-directory_wrap{padding-inline:var(--site-margin);padding-block:var(--section-space-small);background-color:var(--background);color:var(--text);justify-content:center;display:flex}.work-directory_inner{width:100%;max-width:var(--max-width-main);gap:var(--space-8) 0;grid-template-columns:minmax(0,1fr);display:grid}.work-directory_preview{display:none}.work-directory_frame{aspect-ratio:4/5;background-color:var(--background-2);overflow:clip}.work-directory_image{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%}.work-directory_caption{margin-top:var(--space-2);font-size:.75rem;font-weight:var(--primary-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}.work-directory_list{gap:var(--space-7);flex-direction:column;display:flex}.work-directory_group_title{text-align:start;justify-content:flex-start;align-items:baseline;gap:var(--space-4);width:100%;max-width:none;padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--text);font-size:.75rem;font-weight:var(--primary-medium);text-transform:uppercase;letter-spacing:.08em;margin:0;line-height:1.2;display:flex}.work-directory_group_count{color:var(--text-2);font-variant-numeric:tabular-nums;margin-left:auto}[data-collapsible]:not(.is-open)>[data-extra]{display:none}.work-directory_more{margin-top:var(--space-2);font-size:var(--text-small);text-transform:uppercase;letter-spacing:.06em;color:var(--text);border-bottom:var(--border-width) solid var(--text);cursor:pointer;padding-block:.35em}.work-directory_entries{flex-direction:column;display:flex}.work-directory_entries>li{display:block}.work-directory_link{align-items:baseline;gap:var(--space-2);font-size:var(--text-large);color:var(--text);border-bottom:var(--border-width) solid var(--border);transition:color var(--hover-duration) var(--hover-ease);grid-template-columns:1.5em minmax(0,1fr) auto;padding-block:.4em;line-height:1.25;display:grid}@media (hover:hover){.work-directory_link:hover{color:var(--brand-500)}}.work-directory_link.is-active{color:var(--brand-500)}.work-directory_marker:before{content:"•";color:var(--signal-500);opacity:0;transition:opacity var(--hover-duration) var(--hover-ease)}.work-directory_link:is(:hover,.is-active) .work-directory_marker:before{opacity:1}.work-directory_count{font-size:var(--text-small);color:var(--text-2);font-variant-numeric:tabular-nums}.directory-lightbox_image{width:auto;max-width:100%;max-height:calc(100svh - var(--space-8) * 2);object-fit:contain;margin-inline:auto;display:block}@media (min-width:64rem){.work-directory_inner{column-gap:var(--site-gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.work-directory_preview{top:calc(var(--nav-height) + var(--site-margin));align-self:start;display:block;position:sticky}}.home-hero_layout{gap:var(--space-6) var(--site-gutter);grid-template-columns:minmax(0,1fr);align-items:center;width:100%;display:grid}@media (min-width:64rem){.home-hero_layout{row-gap:var(--space-5);grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"text reel""proof reel"}}@media (min-width:64rem){.home-hero_text{grid-area:text;align-self:end}.home-hero_proof{grid-area:proof;align-self:start}.home-hero_reel{grid-area:reel}}.home-hero_text{gap:var(--space-4);flex-direction:column;display:flex}.home-hero_intro strong{font-weight:var(--primary-medium)}.home-hero_actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.home-hero_proof ul{font-size:var(--text-small);flex-direction:column;gap:.35em;margin:0;padding:0;list-style:none;display:flex}.home-hero_reel{aspect-ratio:16/9;background:var(--background-2);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:clip}@media (min-width:64rem){.home-hero_reel{aspect-ratio:4/3}}.home-hero_image{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--hover-ease)}.home-hero_play{left:var(--space-4);bottom:var(--space-4);border-radius:var(--radius-round);background:var(--signal-500);width:3.5rem;height:3.5rem;color:var(--brand-text);place-items:center;display:grid;position:absolute}@media (hover:hover){.home-hero_reel:hover .home-hero_image{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.home-hero_image{transition:none}}}