.blog-card{--card-base:#fcf5ee;--card-hot:#ffa8a8;--card-rose:#ff939b;box-sizing:border-box;outline:1px solid var(--home-line,var(--blog-border,#ddd));outline-offset:-1px;width:100%;min-width:0;max-width:100%;opacity:var(--p,0);transform:translate3d(0, calc(138px * (1 - var(--p,0))), 0);will-change:opacity, transform;contain:layout paint;background:0 0}@supports (color:lab(0% 0 0)){.blog-card{--card-base:lab(96.9956% 1.25325 4.38184);--card-hot:lab(77.8872% 38.2748 16.7272);--card-rose:lab(72.9623% 45.3282 15.9155)}}.blog-card--initial-reveal{animation:.76s cubic-bezier(.16,1,.3,1) both blog-card-initial-reveal;animation-delay:var(--initial-reveal-delay,0s)}@keyframes blog-card-initial-reveal{0%{opacity:0;transform:translateY(138px)}to{opacity:1;transform:translate(0,0)}}.blog-card--standard{--card-hot:#ffa8a8}@supports (color:lab(0% 0 0)){.blog-card--standard{--card-hot:lab(77.8872% 38.2748 16.7272)}}.blog-card--quiet{--card-hot:#f3b2a4}@supports (color:lab(0% 0 0)){.blog-card--quiet{--card-hot:lab(78.4565% 23.4335 16.991)}}.blog-card--pale{--card-hot:#ffb3a9}@supports (color:lab(0% 0 0)){.blog-card--pale{--card-hot:lab(80.5367% 30.385 18.9729)}}.blog-card--fog{--card-hot:#fdb1ab}@supports (color:lab(0% 0 0)){.blog-card--fog{--card-hot:lab(79.4147% 28.0407 14.714)}}.blog-card--graphite{--card-hot:#e1b1a1}@supports (color:lab(0% 0 0)){.blog-card--graphite{--card-hot:lab(76.3964% 15.996 15.3193)}}.blog-card--ink{--card-hot:#f19e9b}@supports (color:lab(0% 0 0)){.blog-card--ink{--card-hot:lab(73.4843% 31.5621 15.1681)}}.blog-card--muted{--card-hot:#f1b8a8}@supports (color:lab(0% 0 0)){.blog-card--muted{--card-hot:lab(79.7532% 19.6341 16.4052)}}.blog-card--bare{--card-hot:#f1b8a8}@supports (color:lab(0% 0 0)){.blog-card--bare{--card-hot:lab(79.7532% 19.6341 16.4052)}}.blog-card__link{background:linear-gradient(0deg, color-mix(in oklch, var(--card-hot) 7%, var(--card-base)) 0%, var(--card-base) 64%);height:100%;color:inherit;outline:0;grid-template-rows:auto 1fr;text-decoration:none;transition:background .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}@media (hover:hover){.blog-card__link:hover,.blog-card__link:focus-visible{background:linear-gradient(0deg, color-mix(in oklch, var(--card-rose) 12%, var(--card-base)) 0%, var(--card-base) 68%);transform:translateY(-4px)}.blog-card__link:hover .blog-card__img,.blog-card__link:focus-visible .blog-card__img{transform:scale(1.035)}}.blog-card__link:focus-visible{outline:1px solid color-mix(in srgb, var(--blog-ink) 20%, transparent);outline-offset:-1px}.blog-card__image{aspect-ratio:1;background:color-mix(in oklch, var(--card-base) 80%, #d4ccc3);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.blog-card__image{background:color-mix(in oklch, var(--card-base) 80%, lab(82.6133% 1.58921 5.49241))}}.blog-card__img{object-fit:cover;filter:saturate(.82)contrast(.95);mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.16,1,.3,1)}.blog-card__img-fallback{background:radial-gradient(70% 65% at 30% 30%, color-mix(in oklch, var(--card-rose) 18%, transparent), transparent 68%), radial-gradient(75% 72% at 76% 78%, color-mix(in oklch, var(--card-hot) 16%, transparent), transparent 70%), repeating-linear-gradient(90deg, color-mix(in oklch, var(--blog-ink,#111) 7%, transparent) 0 1px, transparent 1px 18px), color-mix(in oklch, var(--card-base) 80%, #d4ccc3);color:color-mix(in oklch, var(--blog-ink,#111) 18%, transparent);place-items:center;font-family:Archivo,sans-serif;font-size:clamp(86px,9vw,150px);line-height:.8;display:grid;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.blog-card__img-fallback{background:radial-gradient(70% 65% at 30% 30%, color-mix(in oklch, var(--card-rose) 18%, transparent), transparent 68%), radial-gradient(75% 72% at 76% 78%, color-mix(in oklch, var(--card-hot) 16%, transparent), transparent 70%), repeating-linear-gradient(90deg, color-mix(in oklch, var(--blog-ink,#111) 7%, transparent) 0 1px, transparent 1px 18px), color-mix(in oklch, var(--card-base) 80%, lab(82.6133% 1.58921 5.49241))}}.blog-card__number{z-index:2;border:1px solid color-mix(in oklch, var(--card-base) 62%, transparent);background:color-mix(in oklch, var(--card-base) 86%, transparent);min-width:34px;min-height:28px;color:var(--blog-ink,#111);font-family:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.12em;pointer-events:none;place-items:center;font-size:10px;display:inline-grid;position:absolute;top:13px;left:13px}.blog-card__body{flex-direction:column;min-height:220px;padding:clamp(20px,2.2vw,28px);display:flex}.blog-card__meta{color:var(--blog-ink-4,#888);font-family:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;font-size:10.5px;display:flex}.blog-card__title{color:var(--blog-ink,#111);letter-spacing:-.032em;text-wrap:balance;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:Archivo,sans-serif;font-size:clamp(21px,2vw,30px);font-weight:800;line-height:1.04;display:-webkit-box;overflow:hidden}.blog-card__description{color:var(--blog-ink-3,#666);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:14px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card__read{color:var(--blog-ink,#111);font-family:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;margin-top:auto;padding-top:26px;font-size:10.5px;display:inline-flex}.blog-card__arrow{transition:transform .3s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.blog-card__link:hover .blog-card__arrow{transform:translate(4px)}}@media (prefers-color-scheme:dark){.blog-card{--card-base:#15110c;--card-hot:#c46668;--card-rose:#be525d}@supports (color:lab(0% 0 0)){.blog-card{--card-base:lab(5.2695% 1.10073 3.01476);--card-hot:lab(54.6765% 38.341 17.0406);--card-rose:lab(49.7514% 45.2983 16.28)}}.blog-card__img{mix-blend-mode:normal;filter:saturate(.78)contrast(.92)}}@media (max-width:600px){.blog-card{transform:translate3d(0, calc(22px * (1 - var(--p,0))), 0);outline:0}.blog-card--initial-reveal{animation-duration:.42s}@keyframes blog-card-initial-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translate(0,0)}}.blog-card__link{grid-template-rows:unset;flex-direction:row;align-items:stretch;height:clamp(140px,40vw,180px);display:flex;overflow:hidden}.blog-card__image{max-width:120px;height:100%;aspect-ratio:unset;flex:0 0 28vw}.blog-card__number{min-width:26px;min-height:22px;font-size:8px;top:7px;left:7px}.blog-card__body{min-height:unset;flex:1;padding:12px 14px;overflow:hidden}.blog-card__meta{margin-bottom:8px;font-size:9px}.blog-card__title{-webkit-line-clamp:2;line-clamp:2;font-size:clamp(15px,4.2vw,19px);line-height:1.1}.blog-card__description{-webkit-line-clamp:3;margin-top:8px;font-size:12.5px}.blog-card__read{display:none}}@media (hover:none){.blog-card__link{transform:none}}@media (prefers-reduced-motion:reduce){.blog-card{opacity:1;will-change:auto;animation:none;transform:none}.blog-card__link,.blog-card__img{transition:none}}
