.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{display:flex;flex-direction:column;gap:var(--tako-space-tight)}.blog-shelf{display:flex;flex-direction:column;gap:var(--tako-section-gap)}.topic-filter__list{display:flex;flex-wrap:wrap;gap:var(--tako-space-tight);margin:0;padding:0;list-style:none}.topic-filter__option{position:relative;display:inline-flex;align-items:center;min-block-size:var(--tako-button-height-small);padding-inline:var(--tako-space-loose);border-radius:var(--tako-radius-pill);background:var(--tako-entry-row);font:var(--tako-text-label);color:var(--tako-ink);transition:background-color var(--tako-motion-hover)}.topic-filter__option[aria-current=page]{color:var(--tako-on-brand)}.topic-filter__marker{position:absolute;inset:0;border-radius:inherit;background:var(--tako-brand);view-transition-name:blog-topic-current}.topic-filter__label{position:relative}@media(hover:hover){.topic-filter__option:hover{background:var(--tako-entry-row-hover)}}:root[data-blog-reorder] .article-card__copy{view-transition-name:var(--reorder-name)}:root[data-blog-reorder]::view-transition-group(*){animation-duration:var(--tako-blog-reorder-duration);animation-timing-function:var(--tako-ease-settle)}:root[data-blog-reorder]::view-transition-group(blog-topic-current){mix-blend-mode:multiply}:root[data-blog-reorder]::view-transition-old(*):only-child{animation:blog-card-leave var(--tako-duration-base) var(--tako-ease-in) both}:root[data-blog-reorder]::view-transition-new(*):only-child{animation:blog-card-enter var(--tako-blog-reorder-duration) var(--tako-ease-settle) both}:root[data-blog-reorder]::view-transition-old(root),:root[data-blog-reorder]::view-transition-new(root){animation:none}@keyframes blog-card-leave{to{opacity:0;scale:var(--tako-landing-assemble-scale)}}@keyframes blog-card-enter{0%{opacity:0;translate:0 var(--tako-landing-reveal-offset)}}@keyframes blog-cover-print{0%{clip-path:inset(0 0 100% 0 round var(--tako-radius-art));translate:0 var(--tako-landing-print-offset)}to{clip-path:inset(0 round var(--tako-radius-art))}}@keyframes blog-write{0%{clip-path:inset(-12% 106% -24% -6%)}to{clip-path:inset(-12% -6% -24% -6%)}}@keyframes blog-write-rtl{0%{clip-path:inset(-12% -6% -24% 106%)}to{clip-path:inset(-12% -6% -24% -6%)}}@keyframes blog-rise{0%{opacity:0;translate:0 var(--tako-landing-reveal-offset)}}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) :is(.blog-header__title,.article-header__title){animation:blog-write var(--tako-landing-write-duration) var(--tako-ease-out) backwards}:root:not([data-motion=reduced])[dir=rtl] :is(.blog-header__title,.article-header__title){animation-name:blog-write-rtl}:root:not([data-motion=reduced]) :is(.blog-header__lead,.topic-filter,.article-header__lead,.article-header>.article-byline){animation:blog-rise var(--tako-landing-reveal-duration) var(--tako-ease-out) var(--tako-landing-enter-step) backwards}:root:not([data-motion=reduced]) .blog-featured .article-cover{animation:blog-cover-print var(--tako-landing-reveal-duration) var(--tako-ease-out) var(--tako-landing-enter-step) backwards}:root:not([data-motion=reduced]) .blog-featured .article-card__copy{animation:blog-rise var(--tako-landing-reveal-duration) var(--tako-ease-out) calc(3 * var(--tako-landing-enter-step)) backwards}}.blog-header__title{max-inline-size:var(--tako-landing-hero-title-max);margin:0;text-wrap:balance;font:var(--tako-text-landing-hero);letter-spacing:var(--tako-tracking-landing-hero);color:var(--tako-text)}.blog-header__topic{color:var(--tako-entry-accent-ink)}.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-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{display:flex;flex-direction:column;gap:var(--tako-space-normal)}.table-of-contents__title{margin:0;font:var(--tako-text-label);color:var(--tako-secondary-text)}.table-of-contents__list{position:relative;display:flex;flex-direction:column;margin:0;padding:0;padding-inline-start:var(--tako-space-loose);list-style:none}.table-of-contents__list:before,.table-of-contents__list:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:var(--tako-space-hairline);border-radius:var(--tako-radius-pill)}.table-of-contents__list:before{inset-block-end:0;background:var(--tako-landing-step-rail-track)}.table-of-contents__list:after{block-size:1px;background:var(--tako-entry-accent-ink);opacity:0;transform:translateY(calc(var(--toc-marker-top, 0) * 1px)) scaleY(var(--toc-marker-size, 0));transform-origin:top;transition:transform var(--tako-duration-slow) var(--tako-ease-settle),opacity var(--tako-duration-base) var(--tako-ease-out)}.table-of-contents__list[data-marked]:after{opacity:1}.table-of-contents__link{display:block;padding-block:var(--tako-space-tight);border-radius:var(--tako-radius-small);font:var(--tako-text-label);line-height:1.35;color:var(--tako-secondary-text);transition:color var(--tako-motion-hover),translate var(--tako-duration-slow) var(--tako-ease-settle)}.table-of-contents__link[aria-current=location]{color:var(--tako-text);translate:var(--tako-space-tighter) 0}[dir=rtl] .table-of-contents__link[aria-current=location]{translate:calc(-1 * var(--tako-space-tighter)) 0}@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}