@layer components{.hero-intro_wrap{gap:var(--space-4);justify-items:start;display:grid}.hero-motto{color:var(--text-2);letter-spacing:0;margin:0;font-size:clamp(1rem,2vw,1.2rem)}.hero-motto_accent{color:color-mix(in srgb, var(--brand-500), white 30%)}.hero-motto.is-typing .hero-motto_accent{display:none}.hero-motto.is-typing .hero-motto_typed:after{content:"▌";color:var(--brand-500);margin-inline-start:.05em}.hero-beard{width:100%;color:var(--text);font-family:var(--font-mono);letter-spacing:0;text-shadow:0 0 24px color-mix(in srgb, var(--brand-500) 35%, transparent);margin:0;line-height:1.12;overflow:hidden}.hero-beard_row{opacity:0;animation:hero-beard-reveal .48s var(--hover-ease) forwards;animation-delay:calc(var(--row-index) * 55ms + .25s);display:block;transform:translateY(.25em)}@keyframes hero-beard-reveal{to{opacity:.95;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-beard_row{opacity:.95;animation:none;transform:none}}.marquee_wrap{--_gap-size:var(--space-6);--_item-height:3rem;--_speed:4s;--_count:1;--_duration:calc(var(--_count) * var(--_speed));align-items:center;gap:var(--space-4);width:100%;display:flex}.marquee_viewport{flex:auto;min-width:0;overflow:clip;mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);container-type:inline-size}.marquee_track{align-items:center;gap:var(--_gap-size);width:max-content;animation:marquee var(--_duration) linear infinite;display:flex}.marquee_wrap.backwards .marquee_track{animation-direction:reverse}.marquee_track:focus-within,.marquee_wrap[data-state=paused] .marquee_track{animation-play-state:paused}.marquee_panel{justify-content:space-around;align-items:center;gap:var(--_gap-size);flex:none;min-width:100cqw;display:flex}.marquee_panel>*{flex:none;margin-block:0}.marquee_panel>:is(.image,.video){width:auto;height:var(--_item-height)}.marquee_toggle{flex:none}@keyframes marquee{to{translate:calc(-50% - var(--_gap-size) / 2) 0}}@media (prefers-reduced-motion:reduce){.marquee_track{animation-name:none}.marquee_wrap[data-state=playing] .marquee_track{animation-name:marquee;animation-duration:var(--_duration)!important}}.marquee-topics_item{color:var(--text-2);font-size:var(--text-small,.9rem);letter-spacing:.08em;text-transform:uppercase}.grid{--_cols:var(--_cols-xs);--_cols-xs:1;--_cols-sm:var(--_cols-xs);--_cols-md:var(--_cols-sm);--_cols-lg:var(--_cols-md);--_gap-size:var(--site-gutter);grid-column-gap:var(--_gap-size);grid-row-gap:var(--_gap-size);grid-template-columns:repeat(var(--_cols), minmax(0, 1fr));width:100%;display:grid}@media (min-width:30rem){.grid{--_cols:var(--_cols-sm)}}@media (min-width:48rem){.grid{--_cols:var(--_cols-md)}}@media (min-width:64rem){.grid{--_cols:var(--_cols-lg)}}.grid:is(.autofit,.autofill){--_max-cols:12;--_min-col-width:12;--_fit:(100% - (var(--_max-cols) - 1) * var(--_gap-size)) / var(--_max-cols);--_track:min(max(calc(var(--_min-col-width) * 1rem), var(--_fit)), 100%)}.grid.autofit{grid-template-columns:repeat(auto-fit, minmax(var(--_track), 1fr))}.grid.autofill{grid-template-columns:repeat(auto-fill, minmax(var(--_track), 1fr))}.cardgrid_layout{width:100%}.content-card_wrap{align-content:start;gap:var(--space-3);padding:var(--space-5);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);transition:transform var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);text-decoration:none;display:grid;position:relative;overflow:hidden}.content-card_wrap:after{content:"";background:radial-gradient(22rem circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--brand-500) 14%, transparent), transparent 45%);opacity:0;transition:opacity var(--hover-duration) var(--hover-ease);pointer-events:none;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.content-card_wrap:hover:after{opacity:1}}.content-card_wrap>:global(*){z-index:1;position:relative}@media (hover:hover){.content-card_wrap.linked:hover{border-color:color-mix(in srgb, var(--brand-500) 65%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-500) 35%, transparent), 0 14px 32px -16px color-mix(in srgb, var(--brand-500) 55%, transparent);transform:translateY(-.1875rem)}}.content-card_wrap :global(.heading_wrap){color:var(--text)}.releases_grid{gap:var(--space-4);width:100%;display:grid}@media (min-width:44rem){.releases_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.release_wrap{align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);transition:transform var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);text-decoration:none;display:flex;position:relative;overflow:hidden}.release_wrap:after{content:"";background:radial-gradient(20rem circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--brand-500) 16%, transparent), transparent 45%);opacity:0;transition:opacity var(--hover-duration) var(--hover-ease);pointer-events:none;position:absolute;inset:0}.release_cover_wrap{border-radius:calc(var(--radius-small) - .125rem);flex:none;width:7rem;height:7rem;position:relative;overflow:hidden}.release_cover{object-fit:cover;width:100%;height:100%;transition:transform .24s var(--hover-ease);display:block}.release_play{color:#fff;background:color-mix(in srgb, var(--canvas,#0b0714) 55%, transparent);opacity:0;transition:opacity var(--hover-duration) var(--hover-ease);place-items:center;display:grid;position:absolute;inset:0}.release_play :global(.icon_wrap){border:var(--border-width) solid currentcolor;border-radius:var(--radius-round);place-items:center;width:2.75rem;height:2.75rem;display:grid}.release_info{justify-items:start;gap:var(--space-2);min-width:0;display:grid}.release_title{color:var(--text);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:var(--primary-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-small)}.release_listen{color:var(--text-2);font-size:var(--text-small,.85rem);transition:color var(--hover-duration) var(--hover-ease)}.releases_platforms{justify-content:var(--_alignment,flex-start);gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.releases_note{margin:var(--space-4) 0 0;color:var(--text-2);font-size:var(--text-small,.9rem);text-align:var(--_alignment,start)}@media (hover:hover){.release_wrap:hover{border-color:color-mix(in srgb, var(--brand-500) 65%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-500) 30%, transparent), 0 16px 36px -18px color-mix(in srgb, var(--brand-500) 45%, transparent);transform:translateY(-.1875rem)}.release_wrap:hover:after,.release_wrap:hover .release_play{opacity:1}.release_wrap:hover .release_listen{color:color-mix(in srgb, var(--brand-500), white 30%)}}@media (prefers-reduced-motion:reduce){.release_cover{transition:none;transform:none!important}}.emailcopy_wrap{align-items:center;justify-content:var(--_alignment,flex-start);gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.emailcopy_link{color:color-mix(in srgb, var(--brand-500), white 30%);text-decoration-thickness:var(--border-width);text-underline-offset:.2em;transition:color var(--hover-duration) var(--hover-ease);font-size:1.15rem}@media (hover:hover){.emailcopy_link:hover{color:color-mix(in srgb, var(--brand-500), white 55%)}}.emailcopy_button.copied{border-color:color-mix(in srgb, var(--brand-500) 70%, transparent);box-shadow:0 0 18px -2px color-mix(in srgb, var(--brand-500) 55%, transparent)}.identity-list_wrap{margin:0;padding:0;list-style:none;display:grid}.identity-list_wrap li{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);padding-block:var(--space-3);border-bottom:var(--border-width) solid var(--border);color:var(--text-2);font-size:var(--text-small,.95rem);flex-wrap:wrap;display:flex}.identity-list_wrap a{color:var(--text);transition:color var(--hover-duration) var(--hover-ease);text-decoration:none}@media (hover:hover){.identity-list_wrap a:hover{color:color-mix(in srgb, var(--brand-500), white 30%)}}.repo-chips_wrap{gap:var(--space-3);margin-block:var(--space-5);flex-wrap:wrap;display:flex}.prose-stack_wrap{gap:var(--space-4);max-width:40rem;display:grid}.prose-stack_wrap :global(a){color:color-mix(in srgb, var(--brand-500), white 30%);text-decoration-thickness:var(--border-width);text-underline-offset:.2em;transition:color var(--hover-duration) var(--hover-ease)}@media (hover:hover){.prose-stack_wrap :global(a):hover{color:color-mix(in srgb, var(--brand-500), white 55%)}}}
