.motink-blog-page{--motink-blog-text: #121212;--motink-blog-muted: rgba(18, 18, 18, .58);--motink-blog-muted-soft: rgba(18, 18, 18, .45);--motink-blog-card-bg: #ffffff;--motink-blog-border: rgba(18, 18, 18, .08);--motink-blog-border-hover: rgba(18, 18, 18, .16);--motink-blog-thumb-bg: #e8e8e8;position:relative;overflow:hidden;background-color:var(--motink-surface-page);padding:clamp(4rem,9vw,6.5rem) 0 clamp(4.5rem,10vw,7rem);font-family:var(--font-family);font-weight:400;color:var(--motink-blog-text);transition:background-color var(--transition-base),color var(--transition-base)}html[data-theme=dark] .motink-blog-page{--motink-blog-text: #ffffff;--motink-blog-muted: rgba(255, 255, 255, .58);--motink-blog-muted-soft: rgba(255, 255, 255, .45);--motink-blog-card-bg: var(--motink-black-soft, #191919);--motink-blog-border: rgba(255, 255, 255, .08);--motink-blog-border-hover: rgba(255, 255, 255, .16);--motink-blog-thumb-bg: #242424;background-color:var(--motink-black-deep, #0d0d0d)}.motink-blog-page__dots{display:none}html[data-theme=dark] .motink-blog-page__dots{display:block;position:absolute;top:clamp(6rem,14vw,10rem);left:50%;z-index:0;width:min(88rem,140%);height:clamp(24rem,58vw,42rem);transform:translate(-50%);background:url(/images/dots.avif) center top / contain no-repeat;pointer-events:none;opacity:.88}.motink-blog-page__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(2rem,4vw,2.75rem)}.motink-blog-page__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;max-width:42rem}.motink-blog-page__title{margin:0;font-family:var(--font-heading);font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.03em;color:var(--motink-blog-text)}.motink-blog-page__title-line{display:block}.motink-blog-page__title .word-mask{line-height:1.1}.motink-blog-page__lead{margin:0;max-width:36rem;font-size:16px;line-height:1.55;color:var(--motink-blog-muted)}.motink-blog-page__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.motink-blog-page__filter{padding:.45rem .95rem;border:1px solid var(--motink-blog-border);border-radius:var(--radius-full);background:var(--motink-blog-card-bg);color:var(--motink-blog-muted);font-family:var(--font-family);font-size:13px;font-weight:400;line-height:1.3;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.motink-blog-page__filter:hover{color:var(--motink-blog-text);border-color:var(--motink-blog-border-hover)}.motink-blog-page__filter[aria-pressed=true]{background:var(--motink-accent, #ffdb01);border-color:var(--motink-accent, #ffdb01);color:#121212}html[data-theme=dark] .motink-blog-page__filter[aria-pressed=true]{background:#4d4200;border-color:#4d4200;color:var(--motink-accent, #ffdb01)}.motink-blog-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.25rem);width:100%;align-items:stretch;transition:grid-template-columns var(--transition-base)}.motink-blog-page__grid--focused{grid-template-columns:minmax(0,24rem);justify-content:center}.motink-blog-page__card-wrap{min-width:0}.motink-blog-page__card-wrap.is-filtered-out{display:none}.motink-blog-card{height:100%;border:1px solid var(--motink-blog-border);border-radius:var(--radius-lg);background:var(--motink-blog-card-bg);overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast)}.motink-blog-card:hover{border-color:var(--motink-blog-border-hover)}.motink-blog-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.motink-blog-card__thumb{width:100%;aspect-ratio:16 / 10;background:var(--motink-blog-thumb-bg);flex-shrink:0}html[data-theme=dark] .motink-blog-card__thumb{border-bottom:1px solid rgba(255,255,255,.06)}.motink-blog-card__body{display:flex;flex-direction:column;flex:1;gap:.65rem;padding:1.15rem 1.2rem 1.25rem}.motink-blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.motink-blog-card__category{font-size:12px;line-height:1.3;color:var(--motink-blog-muted)}.motink-blog-card__date{font-size:12px;line-height:1.3;color:var(--motink-blog-muted-soft)}.motink-blog-card__title{margin:0;font-family:var(--font-heading);font-size:1.125rem;font-weight:400;line-height:1.3;letter-spacing:-.02em;color:var(--motink-blog-text)}.motink-blog-card__excerpt{margin:0;flex:1;font-size:14px;line-height:1.55;color:var(--motink-blog-muted)}.motink-blog-card__cta{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;font-size:13px;font-weight:400;color:var(--motink-blog-text);transition:color var(--transition-fast)}.motink-blog-card:hover .motink-blog-card__cta,html[data-theme=dark] .motink-blog-card:hover .motink-blog-card__cta{color:var(--motink-accent, #ffdb01)}.motink-blog-card__cta-arrow{transition:transform var(--transition-fast)}.motink-blog-card:hover .motink-blog-card__cta-arrow{transform:translate(3px)}@media (max-width: 1024px){.motink-blog-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motink-blog-page__grid--focused{grid-template-columns:minmax(0,24rem)}}@media (max-width: 768px){.motink-blog-page{padding:clamp(3rem,10vw,4.5rem) 0 clamp(3.5rem,10vw,5rem)}html[data-theme=dark] .motink-blog-page__dots{width:min(52rem,180%);height:clamp(18rem,52vw,28rem);opacity:.75}.motink-blog-page__title{font-size:clamp(1.75rem,7vw,48px)}.motink-blog-page__lead{font-size:15px}.motink-blog-page__grid{grid-template-columns:1fr;max-width:24rem;margin:0 auto}.motink-blog-page__grid--focused{grid-template-columns:1fr;max-width:24rem}}
