:root{--blog-spring:cubic-bezier(.34, 1.25, .64, 1);--blog-exit-ease:cubic-bezier(.4, 0, 1, 1);--blog-leg-ease:cubic-bezier(.2, 0, 0, 1);--blog-scrim:var(--color-on-image-scrim)}.blog-on-image-accent{color:var(--color-on-image)}@supports (color:oklch(from red l c h)){.blog-on-image-accent{color:oklch(from var(--color-tertiary) max(l, .82) c h)}}@media (max-width:767px){.blog-search-sheet{visibility:hidden;transition:grid-template-rows .22s var(--blog-exit-ease), visibility 0s linear .22s;grid-template-rows:0fr;display:grid}.blog-search-sheet>div{min-height:0;overflow:hidden}.blog-search-sheet label{opacity:0;transition:opacity .16s var(--blog-exit-ease), transform .16s var(--blog-exit-ease);transform:translateY(-6px)}.blog-search-sheet.is-open{visibility:visible;transition:grid-template-rows .26s var(--blog-leg-ease), visibility 0s;grid-template-rows:1fr}.blog-search-sheet.is-open label{opacity:1;transition:opacity .24s var(--blog-leg-ease) 60ms, transform .24s var(--blog-leg-ease) 60ms;transform:none}}.hero-img{transition:opacity .9s var(--blog-leg-ease)}.blog-hero-shade{background:linear-gradient(to bottom, color-mix(in srgb, var(--blog-scrim) 70%, transparent) 0%, transparent 18%, transparent 34%, color-mix(in srgb, var(--blog-scrim) 94%, transparent) 100%)}.blog-hero-shade-side{display:none}@media (min-width:768px){.blog-hero-shade{background:linear-gradient(to bottom, color-mix(in srgb, var(--blog-scrim) 70%, transparent) 0%, transparent 20%, transparent 40%, color-mix(in srgb, var(--blog-scrim) 92%, transparent) 100%)}.blog-hero-shade-side{background:linear-gradient(to right, color-mix(in srgb, var(--blog-scrim) 74%, transparent) 0%, color-mix(in srgb, var(--blog-scrim) 42%, transparent) 42%, transparent 76%);display:block}}.hero-text-shadow{text-shadow:0 2px 30px color-mix(in srgb, var(--blog-scrim) 75%, transparent), 0 1px 3px color-mix(in srgb, var(--blog-scrim) 55%, transparent)}@keyframes blog-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes blog-text-out{to{opacity:0;transform:translateY(-10px)}}.hero-in-tag{animation:blog-in-up .3s var(--blog-spring) .12s both}.hero-title-rise{animation:blog-in-up .52s var(--blog-spring) .26s both}.hero-in-late{animation:blog-in-up .42s var(--blog-spring) .48s both}.hero-in-later{animation:blog-in-up .42s var(--blog-spring) .56s both}.hero-text-out{animation:blog-text-out .16s var(--blog-exit-ease) forwards}@keyframes blog-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-progress{transform-origin:0;animation:7s linear forwards blog-hero-progress}.hero-progress.is-paused{animation-play-state:paused}.blog-tab{transition:color .2s var(--blog-leg-ease)}.blog-tab-underline{transform-origin:0;transition:transform .3s var(--blog-spring)}.blog-tab-row{scrollbar-width:none}.blog-tab-row::-webkit-scrollbar{display:none}.blog-tile .card-image-zoom{transition:transform .6s var(--blog-leg-ease)}.blog-tile:hover .card-image-zoom{transform:scale(1.05)}.blog-tile-bar{transform-origin:0;transition:transform .28s var(--blog-spring);transform:scaleX(.16)}.blog-tile:hover .blog-tile-bar{transform:scaleX(1)}@keyframes blog-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.feed-rise{animation:blog-rise .46s var(--blog-spring) both}@keyframes blog-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.blog-shimmer{background:linear-gradient(90deg, color-mix(in srgb, var(--color-foreground) 4%, transparent) 0%, color-mix(in srgb, var(--color-foreground) 10%, transparent) 50%, color-mix(in srgb, var(--color-foreground) 4%, transparent) 100%);background-size:200% 100%;animation:1.4s linear infinite blog-shimmer}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog-spin{animation:.9s linear infinite blog-spin}@media (prefers-reduced-motion:reduce){@keyframes blog-fade-in{0%{opacity:0}to{opacity:1}}.hero-img{transition-duration:.12s}.hero-in-tag,.hero-title-rise,.hero-in-late,.hero-in-later,.feed-rise{animation:.12s linear both blog-fade-in}.blog-search-sheet,.blog-search-sheet.is-open,.blog-search-sheet label,.blog-search-sheet.is-open label{transition:none}.hero-text-out{opacity:0;animation:none}.hero-progress{animation:none;transform:scaleX(1)}.blog-tab-underline,.blog-tile .card-image-zoom,.blog-tile-bar{transition:none}.blog-shimmer,.blog-spin{animation:none}}