@layer components{.beat-index{display:grid;gap:var(--gz-space-8);padding-block:var(--gz-space-6) var(--gz-space-module)}.beat-index__head{display:grid;gap:var(--gz-space-4)}.beat-index__h1{font-size:var(--gz-font-size-display);line-height:var(--gz-font-line-height-display)}.beat-index__intro{font-size:var(--gz-font-size-longform);line-height:var(--gz-font-line-height-longform);max-inline-size:48ch}.beat-tiles{display:grid;gap:var(--gz-space-4)}@media(min-width:600px){.beat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.beat-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.beat-tile{position:relative;display:grid;align-content:start;justify-items:start;gap:var(--gz-space-3);padding:var(--gz-space-5);border:var(--gz-border-hairline);transition:transform var(--gz-motion-duration-micro) var(--gz-motion-easing-out),border-color var(--gz-motion-duration-micro) var(--gz-motion-easing-out)}.beat-tile:before{content:"";position:absolute;inset-block-start:-1px;inset-inline:-1px;block-size:var(--gz-border-width-heavy);background:linear-gradient(to right,var(--sig));background:linear-gradient(in oklch to right,var(--sig))}.beat-tile:hover,.beat-tile:focus-within{border-color:var(--gz-color-line-card)}@media(prefers-reduced-motion:no-preference){html[data-motion=full] .beat-tile:hover,html[data-motion=full] .beat-tile:focus-within{transform:translateY(calc(-1 * var(--gz-motion-distance-lift)))}}.beat-tile__mark{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gz-space-2)}.beat-tile__pillar{font-family:var(--gz-font-family-mono);font-weight:var(--gz-font-weight-medium);font-size:var(--gz-font-size-meta);letter-spacing:var(--gz-font-tracking-meta);text-transform:uppercase;color:var(--gz-color-text-meta)}.beat-tile__name{font-family:var(--gz-font-family-display);font-weight:var(--gz-font-weight-medium);font-size:var(--gz-font-size-h2);line-height:var(--gz-font-line-height-solid);text-transform:uppercase}.beat-tile__link{color:var(--gz-color-link-text)}.beat-tile__link:after{content:"";position:absolute;inset:0}.beat-tile__link:focus-visible{outline:0}.beat-tile:has(.beat-tile__link:focus-visible){outline:var(--gz-focus-ring-on-light);outline-offset:var(--gz-focus-offset)}.beat-tile__desc{font-size:var(--gz-font-size-small);line-height:var(--gz-font-line-height-small);color:var(--gz-color-text-muted)}.beat-tile__stats{font-family:var(--gz-font-family-mono);font-weight:var(--gz-font-weight-medium);font-size:var(--gz-font-size-meta);letter-spacing:var(--gz-font-tracking-meta);text-transform:uppercase;color:var(--gz-color-text-muted)}.beat-tile__latest{font-weight:var(--gz-font-weight-bold);line-height:var(--gz-font-line-height-dek)}.beat-tile__story{position:relative;z-index:var(--gz-z-index-raised);color:var(--gz-color-link-text);text-decoration-line:underline;text-decoration-color:var(--gz-color-link-underline);text-decoration-thickness:var(--gz-border-width-thin);text-underline-offset:.2em}.beat-tile__date{font-family:var(--gz-font-family-mono);font-weight:var(--gz-font-weight-medium);font-size:var(--gz-font-size-meta);text-transform:uppercase;color:var(--gz-color-text-muted);white-space:nowrap}}