.blog-page{padding-block:calc(72px + var(--spacing-36)) var(--spacing-120)}.blog-page__head{display:flex;flex-direction:column;gap:var(--spacing-12);margin-bottom:var(--spacing-60);max-width:68ch}.blog-page__eyebrow{font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-yakka-ink)}.blog-page__title{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,5vw,52px);line-height:var(--leading-heading);letter-spacing:-.02em;color:var(--color-bone);text-wrap:balance}.blog-page__lead{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-ash)}.blog-list{display:flex;flex-direction:column;gap:var(--spacing-30);list-style:none;padding:0;margin:0}.blog-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-12);padding-bottom:var(--spacing-30);border-bottom:1px solid var(--hairline);transition:opacity .2s ease}@media(min-width:640px){.blog-card:has(.blog-card__thumb){grid-template-columns:180px minmax(0,1fr);gap:var(--spacing-24);align-items:start}}.blog-card__thumb{display:block;width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;border-radius:12px;background:color-mix(in srgb,var(--color-bone) 6%,transparent)}.blog-card:hover{opacity:.88}.blog-card__category{display:inline-block;margin-bottom:var(--spacing-6);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-yakka-ink)}.blog-card__title{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:800;line-height:var(--leading-heading);letter-spacing:-.02em;color:var(--color-bone);margin-bottom:var(--spacing-6);text-wrap:pretty}.blog-card__excerpt{font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-ash);margin-bottom:var(--spacing-12);max-width:72ch}.blog-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-12);font-size:var(--text-caption);color:var(--color-smoke)}.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-6);margin-top:var(--spacing-60)}.blog-pagination a,.blog-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border-radius:8px;font-size:var(--text-body-sm);font-weight:600;color:var(--color-smoke);border:1px solid transparent;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.blog-pagination a:hover{color:var(--color-bone);border-color:var(--hairline)}.blog-pagination .is-current{color:var(--color-yakka-ink);background:color-mix(in srgb,var(--color-yakka) 18%,transparent);border-color:color-mix(in srgb,var(--color-yakka) 45%,var(--hairline))}.blog-post__head{margin-bottom:var(--spacing-36);max-width:72ch}.blog-post__title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4.5vw,44px);line-height:var(--leading-heading);letter-spacing:-.02em;color:var(--color-bone);margin-bottom:var(--spacing-12);text-wrap:balance}.blog-post__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-12);font-size:var(--text-body-sm);color:var(--color-smoke);margin-bottom:var(--spacing-18)}.blog-post__category{font-weight:var(--weight-semibold);color:var(--color-yakka-ink)}.blog-post__hero{margin:0 0 var(--spacing-36);max-width:72ch}.blog-post__hero img{display:block;width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:14px;background:color-mix(in srgb,var(--color-bone) 6%,transparent)}.blog-content{max-width:72ch;font-size:var(--text-body);line-height:1.65;color:var(--color-ash)}.blog-content :global(h2){font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:800;color:var(--color-bone);margin:var(--spacing-36) 0 var(--spacing-12);letter-spacing:-.01em}.blog-content :global(h3),.blog-content :global(h4){font-size:var(--text-subheading);font-weight:700;color:var(--color-bone);margin:var(--spacing-24) 0 var(--spacing-12)}.blog-content :global(p){margin-bottom:var(--spacing-18)}.blog-content :global(ul),.blog-content :global(ol){margin:0 0 var(--spacing-18);padding-left:1.25rem}.blog-content :global(li){margin-bottom:var(--spacing-6)}.blog-content :global(a){color:var(--color-yakka-ink);border-bottom:1px solid var(--color-yakka)}.blog-content :global(img){max-width:100%;height:auto;border-radius:12px;margin:var(--spacing-24) 0}.blog-content :global(blockquote){margin:var(--spacing-24) 0;padding-left:var(--spacing-18);border-left:3px solid var(--color-yakka);color:var(--color-bone)}.blog-content :global(.table-wrap){overflow-x:auto;margin:var(--spacing-24) 0 var(--spacing-18);-webkit-overflow-scrolling:touch}.blog-content :global(table){width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.blog-content :global(th),.blog-content :global(td){text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--hairline);vertical-align:top}.blog-content :global(th){font-weight:700;color:var(--color-bone)}.blog-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--spacing-24);font-size:var(--text-body-sm);font-weight:600;color:var(--color-smoke);transition:color .2s ease}.blog-back:hover{color:var(--color-bone)}.blog-layout{display:grid;gap:var(--spacing-48)}@media(min-width:960px){.blog-layout{grid-template-columns:minmax(0,1fr) 272px;gap:var(--spacing-48);align-items:start}}.blog-sidebar{display:flex;flex-direction:column;gap:var(--spacing-24)}@media(min-width:960px){.blog-sidebar{position:sticky;top:calc(72px + var(--spacing-18))}}.blog-sidebar__app{display:flex;flex-direction:column;gap:var(--spacing-12);padding:var(--spacing-24);border-radius:16px;background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,#fff 55%,transparent),transparent 58%),var(--color-yakka);color:var(--color-yakka-ink);box-shadow:0 12px 28px color-mix(in srgb,var(--color-yakka) 28%,transparent)}.blog-sidebar__eyebrow{margin:0;font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;opacity:.72}.blog-sidebar__app-title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;text-wrap:balance}.blog-sidebar__app-copy{margin:0;font-size:var(--text-caption);line-height:1.45;opacity:.78}.blog-sidebar__shot{display:block;width:84px;height:168px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;margin:var(--spacing-6) auto 0;border-radius:14px;box-shadow:0 10px 22px #14100442}.blog-sidebar__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:var(--spacing-6);padding:13px 16px;border:none;border-radius:var(--radius-button);background:var(--color-yakka-ink);color:var(--color-yakka);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease,box-shadow .16s ease}.blog-sidebar__cta:active{transform:scale(.97)}.blog-sidebar__stores{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.blog-sidebar__stores a{display:block;line-height:0;opacity:.92;transition:opacity .16s ease,transform .16s cubic-bezier(.23,1,.32,1)}.blog-sidebar__stores img{display:block;height:32px;width:auto}.blog-sidebar__related{padding:var(--spacing-18) var(--spacing-18) var(--spacing-12);border:1px solid var(--hairline);border-radius:16px;background:color-mix(in srgb,var(--color-bone) 4%,transparent)}.blog-sidebar__related-title{margin:0 0 var(--spacing-12);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-smoke)}.blog-sidebar__list{list-style:none;margin:0;padding:0}.blog-sidebar__list li+li{border-top:1px solid var(--hairline)}.blog-sidebar__link{display:flex;flex-direction:column;gap:4px;padding:12px 4px;border-radius:8px;transition:background-color .16s ease,transform .16s cubic-bezier(.23,1,.32,1)}.blog-sidebar__cat{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-yakka-ink)}.blog-sidebar__link-title{font-size:.9375rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--color-bone);text-wrap:pretty}.blog-sidebar__link-meta{font-size:12px;color:var(--color-smoke)}@media(hover:hover)and (pointer:fine){.blog-sidebar__cta:hover{background:#1a160c;box-shadow:0 8px 18px #1410042e}.blog-sidebar__stores a:hover{opacity:1;transform:translateY(-1px)}.blog-sidebar__link:hover{background:color-mix(in srgb,var(--color-bone) 6%,transparent);transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.blog-sidebar__cta,.blog-sidebar__stores a,.blog-sidebar__link{transition:none}.blog-sidebar__cta:active,.blog-sidebar__link:hover{transform:none}}