.article-card{position:relative;display:flex;flex-direction:column;gap:var(--tako-space-normal)}.article-card__copy{display:flex;flex-direction:column;gap:var(--tako-space-tight)}.article-card__title{margin:0;font:var(--tako-text-heading);color:var(--tako-text);text-wrap:balance}.article-card__title--featured{font:var(--tako-text-landing-row-title);letter-spacing:var(--tako-tracking-landing-title)}.article-card__lead{margin:0;font:var(--tako-text-body);color:var(--tako-secondary-text);text-wrap:pretty}.article-card__link{color:inherit;text-decoration-color:transparent;text-underline-offset:.18em;transition:text-decoration-color var(--tako-motion-hover)}.article-card__link:after{content:"";position:absolute;inset:0;border-radius:var(--tako-radius-art)}.article-card__link:focus-visible{outline:none}.article-card:has(.article-card__link:focus-visible) .article-cover{box-shadow:var(--tako-focus-ring)}.article-cover{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:var(--tako-radius-art);isolation:isolate}.article-cover--banner{aspect-ratio:2 / 1;max-block-size:var(--tako-cover-banner-max);inline-size:100%}.article-cover__image{inline-size:100%;block-size:100%;object-fit:cover;transition:scale var(--tako-duration-slower) var(--tako-ease-out)}.article-cover--featured .cover-art__mascot{inset-inline-end:12%;block-size:86%}.article-cover--banner .cover-art__mascot{inset-block-end:calc(-2 * var(--tako-cover-mascot-crop));inset-inline-end:8%;block-size:118%}@media(hover:hover){.article-card:hover .article-card__link{text-decoration-line:underline;text-decoration-color:currentColor}.article-card:hover .cover-art__mascot{translate:0 calc(-1 * var(--tako-cover-lift))}.article-card:hover .cover-art__arcs{rotate:var(--tako-landing-parallax-turn)}.article-card:hover .article-cover__image{scale:var(--tako-landing-hover-zoom)}}@media(min-width:1024px){.article-card--featured{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:var(--tako-space-spacious)}.article-cover--featured{aspect-ratio:16 / 11}.article-cover--banner{aspect-ratio:3 / 1}}.blog-header__title{margin:0;font:var(--tako-text-landing-hero);letter-spacing:var(--tako-tracking-landing-hero);color:var(--tako-text)}.blog-header__lead{margin:0;max-inline-size:var(--tako-landing-lead-max);font:var(--tako-text-landing-lead);color:var(--tako-secondary-text);text-wrap:pretty}.article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tako-space-tighter) var(--tako-space-tight);margin:0;font:var(--tako-text-label);color:var(--tako-secondary-text)}.article-byline>*+*:before{content:"·";margin-inline-end:var(--tako-space-tight);color:var(--tako-text-tertiary)}.article-header{display:flex;flex-direction:column;gap:var(--tako-space-normal)}.article-header__title{margin:0;font:var(--tako-text-landing-title);letter-spacing:var(--tako-tracking-landing-title);color:var(--tako-text);text-wrap:balance}.article-header__lead{margin:0;max-inline-size:var(--tako-prose-measure);font:var(--tako-text-landing-lead);color:var(--tako-secondary-text);text-wrap:pretty}.article-header>.article-cover{margin-block-start:var(--tako-space-tight)}.blog-grid>:nth-child(3n+2){--cue-delay: var(--tako-landing-reveal-step)}.blog-grid>:nth-child(3n){--cue-delay: calc(2 * var(--tako-landing-reveal-step))}.blog-featured .cover-art__badge{animation:cover-badge-arrive var(--tako-landing-reveal-duration) var(--tako-ease-spring) var(--tako-landing-cards-delay) backwards}@keyframes cover-badge-arrive{0%{opacity:0;scale:var(--tako-landing-stamp-scale);rotate:var(--tako-landing-stamp-turn)}}.reading-progress{position:fixed;inset-block-start:0;inset-inline:0;z-index:20;block-size:var(--tako-reading-progress);background:var(--tako-brand);transform:scaleX(0);transform-origin:left;pointer-events:none}[dir=rtl] .reading-progress{transform-origin:right}.table-of-contents__link{display:inline-block;padding:var(--tako-space-tighter) var(--tako-space-normal);border-radius:var(--tako-radius-pill);color:var(--tako-secondary-text);transition:background-color var(--tako-motion-hover),color var(--tako-motion-hover)}.table-of-contents__link[aria-current=location]{background:var(--tako-entry-mint);color:var(--tako-entry-accent-ink)}@media(hover:hover){.table-of-contents__link:hover{color:var(--tako-text)}}@media(prefers-reduced-motion:reduce){.blog-featured .cover-art__badge{animation:none}}:root[data-motion=reduced] .blog-featured .cover-art__badge{animation:none}