.hero{padding-block:var(--space-6) var(--space-7)}.hero-grid{gap:var(--space-5);grid-template-columns:1fr;align-items:start;display:grid}.hero-copy{gap:var(--space-3);max-width:var(--measure-wide);flex-direction:column;display:flex}.hero-copy .t-display,.hero-copy .t-h1{margin-top:var(--space-1)}.article-cards{gap:var(--space-3);flex-direction:column;display:flex}.articles-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr;display:grid}.article-card{gap:var(--space-1);height:100%;padding:var(--space-3);background:var(--glass-1);border:var(--border-hair);border-radius:var(--radius-md);transition:box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);flex-direction:column;display:flex}.article-card:hover,.article-card:focus-visible{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.article-card h3{transition:color var(--motion-base) var(--ease-out);margin-block:.25rem}.article-card:hover h3,.article-card:focus-visible h3{color:var(--accent)}.article-card .kicker{color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);font-size:.75rem}.article-card .tag{align-self:flex-start}.article-card .excerpt{flex:1;max-width:none}.article-card .date{margin-top:auto}.article-link{font-family:var(--sans);font-weight:var(--weight-medium);font-size:var(--type-small);color:var(--fg);margin-top:var(--space-1)}.section-follow-link,.article-action{margin-top:var(--space-3)}.filters{gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:var(--border-hair);flex-wrap:wrap;display:flex}.filter{font-family:var(--sans);font-weight:var(--weight-medium);font-size:var(--type-small);border-radius:var(--radius-pill);color:var(--fg-soft);transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);border:1px solid #0000;padding:.5rem .875rem}.filter:hover,.filter:focus-visible{color:var(--fg)}.filter.is-active{background:var(--fg);color:var(--bg)}.articles-index-grid{margin-top:var(--space-4)}.articles-empty{margin-top:var(--space-3)}.body-of-work{gap:var(--space-3);flex-direction:column;display:flex}.body-of-work-items{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1fr;display:grid}.body-of-work-item{gap:.375rem var(--space-2);padding:var(--space-3);border:var(--border-hair);border-radius:var(--radius-md);transition:border-color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);grid-template-columns:1fr auto;grid-template-areas:"kind arrow""label arrow""desc arrow";display:grid}.body-of-work-item:hover,.body-of-work-item:focus-visible{border-color:var(--fg);transform:translateY(-2px)}.body-of-work-item .kind{text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);grid-area:kind;font-size:.75rem}.body-of-work-item .item-label{font-family:var(--sans);font-weight:var(--weight-extrabold);font-size:var(--type-h3);color:var(--fg);grid-area:label}.body-of-work-item .item-desc{grid-area:desc;max-width:none}.body-of-work-item .item-arrow{transition:transform var(--motion-base) var(--ease-out);grid-area:arrow;align-self:center}.body-of-work-item:hover .item-arrow,.body-of-work-item:focus-visible .item-arrow{transform:translate(4px)}.migration-form-placeholder{gap:var(--space-1);max-width:var(--measure);margin-top:var(--space-3);flex-direction:column;display:flex}.migration-form-placeholder label{font-family:var(--mono);font-size:var(--type-small)}.migration-form-placeholder>div{gap:var(--space-1);flex-wrap:wrap;display:flex}.migration-form-placeholder input{border:var(--border-hair);border-radius:var(--radius-pill);background:var(--glass-1);flex:1;min-width:min(100%,20rem);padding:.75rem 1rem}.migration-form-placeholder button:disabled{cursor:not-allowed;opacity:.65}.podcast-platforms{gap:var(--space-3);margin-top:var(--space-1);display:flex}.article h1{max-width:var(--measure-wide);margin-top:var(--space-1)}.article .byline{margin-top:var(--space-1)}.article .intro{margin-top:var(--space-3)}.article .featured-image{max-width:var(--measure-wide);margin-top:var(--space-4)}.article figcaption{margin-top:var(--space-1);color:var(--fg-muted);font:var(--type-small)/1.5 var(--sans)}.article .body{gap:var(--space-3);max-width:var(--measure);margin-top:var(--space-4);flex-direction:column;display:flex}.article .body>div,.article .body>div>div{gap:var(--space-3);flex-direction:column;display:flex}.article .body p{max-width:var(--measure)}.article .body blockquote{max-width:var(--measure-wide);margin:var(--space-2) 0;padding-left:var(--space-3);border-left:2px solid var(--accent);font-family:var(--serif);font-size:var(--type-h3);font-style:italic;line-height:1.35}.article .body h2{margin-top:var(--space-3);font-size:var(--type-h3)}.article .body h3{margin-top:var(--space-2);font-size:var(--type-h4)}.article .body ul,.article .body ol{padding-left:var(--space-2);flex-direction:column;gap:.5rem;display:flex}.article .body ul{list-style:outside}.article .body ol{list-style:decimal}.article .body a,.t-link{border-bottom:1px solid var(--accent)}.cta-full{gap:var(--space-3);text-align:left;flex-direction:column;display:flex}@media (min-width:768px){.article-cards-grid .articles-grid,.article-cards-related .articles-grid,.article-cards-featured .articles-grid{grid-template-columns:repeat(3,1fr)}.article-cards-featured .is-featured{grid-column:1/-1}.article-cards-featured .is-featured h3{font-size:var(--type-h2)}.body-of-work-items{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.hero{padding-block:var(--space-7) var(--space-8)}}
