.cafe-blog{--ink:#160c0e;--soot:#20141a;--soot-raised:#2a1a22;--paper:#f2d9d0;--paper-dim:#c9a9a4;--ash:#8b6a6e;--rust:#8e2a3a;--rust-deep:#5a1820;--ember:#d4878a;--mauve:#774b52;--smoke:#3fa9a0;--blog-accent:var(--rust);--blog-accent-soft:#8e2a3a47}.blog-grain-layer{pointer-events:none;z-index:1;opacity:.07;mix-blend-mode:overlay;background-image:url(/cafe/blog/grain.svg);background-repeat:repeat;position:fixed;inset:0}.blog-grain-surface{position:relative}.blog-grain-surface:before{content:"";pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url(/cafe/blog/grain.svg);position:absolute;inset:0}.blog-halftone-dots{background-image:radial-gradient(circle,var(--paper)1.6px,transparent 2px);background-size:11px 11px}.blog-halftone-dots-lg{background-image:radial-gradient(circle,var(--paper)2.4px,transparent 3px);background-size:16px 16px}.blog-halftone-dots-rust{background-image:radial-gradient(circle,var(--rust)1.6px,transparent 2px);background-size:11px 11px}.blog-halftone-arch{background-image:radial-gradient(circle,var(--paper)2.6px,transparent 3.2px);-webkit-mask-composite:source-over;background-size:18px 18px;-webkit-mask-image:radial-gradient(140px 90px at 18% 100%,#000 99%,#0000 100%),radial-gradient(160px 110px at 50% 100%,#000 99%,#0000 100%),radial-gradient(140px 90px at 82% 100%,#000 99%,#0000 100%);mask-image:radial-gradient(140px 90px at 18% 100%,#000 99%,#0000 100%),radial-gradient(160px 110px at 50% 100%,#000 99%,#0000 100%),radial-gradient(140px 90px at 82% 100%,#000 99%,#0000 100%);-webkit-mask-composite:source-over;mask-composite:add}.blog-halftone-strip-v{background-image:radial-gradient(circle,var(--paper)1.4px,transparent 1.8px);background-size:8px 8px}.blog-halftone-strip-h{background-image:radial-gradient(circle,var(--paper)1.6px,transparent 2.2px);background-position:0;background-size:12px 12px;height:14px}.blog-issue-marker{font-family:var(--font-eb-garamond);letter-spacing:.08em;color:var(--ash);font-size:13px;font-style:italic;font-weight:500}.blog-article-number{font-family:var(--font-eb-garamond);letter-spacing:.04em;color:var(--rust);font-size:14px;font-style:italic;font-weight:500}.blog-mono{font-family:var(--font-jetbrains-mono);letter-spacing:.04em}.blog-pixel-card{background:var(--soot);border:1px solid #f2e8d512;transition:transform .22s ease-out,border-color .22s ease-out;position:relative;overflow:hidden}.blog-pixel-card:before{content:"";pointer-events:none;opacity:.04;mix-blend-mode:overlay;z-index:0;background-image:url(/cafe/blog/grain.svg);position:absolute;inset:0}.blog-pixel-card>*{z-index:1;position:relative}.blog-pixel-card-link:hover .blog-pixel-card,.blog-pixel-card-link:focus-visible .blog-pixel-card{border-color:#8e2a3a52;transform:translateY(-1px)}.blog-pixel-button{background:var(--rust);color:var(--paper);font-family:var(--font-jetbrains-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rust);border-radius:0;padding:8px 14px;font-size:12px;font-weight:500;transition:background .16s,color .16s}.blog-pixel-button:hover,.blog-pixel-button:focus-visible{background:var(--rust-deep);color:var(--paper)}.blog-pixel-button-ghost{color:var(--paper-dim);font-family:var(--font-jetbrains-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #f2e8d52e;border-radius:0;padding:8px 14px;font-size:12px;transition:color .16s,border-color .16s}.blog-pixel-button-ghost[aria-pressed=true],.blog-pixel-button-ghost:hover,.blog-pixel-button-ghost:focus-visible{color:var(--paper);border-color:var(--rust)}.blog-prose>p:first-of-type:first-letter{font-family:var(--font-noto-serif-jp);float:left;color:var(--rust);margin:6px 10px 0 0;font-size:3.2em;font-weight:700;line-height:.85}@media (prefers-reduced-motion:reduce){.blog-pixel-card,.blog-pixel-card-link:hover .blog-pixel-card,.blog-pixel-card-link:focus-visible .blog-pixel-card{transition:none!important;transform:none!important}}[data-reveal-ready] .reveal-fig{opacity:0;clip-path:inset(0 0 14%);will-change:opacity,transform,clip-path;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1),clip-path .82s cubic-bezier(.22,1,.36,1);transform:translateY(22px)scale(.985)}[data-reveal-ready] .reveal-fig[data-reveal-in]{opacity:1;clip-path:inset(0);transform:none}[data-reveal-ready] .reveal-head{opacity:0;will-change:opacity,transform;transition:opacity .56s,transform .62s cubic-bezier(.22,1,.36,1);transform:translateY(15px)}[data-reveal-ready] .reveal-head[data-reveal-in]{opacity:1;transform:none}.blog-h2{position:relative}.blog-h2:after{content:"";background:var(--rust);transform-origin:0;width:46px;height:2px;position:absolute;bottom:-12px;left:0}[data-reveal-ready] .blog-h2:after{transition:transform .64s cubic-bezier(.22,1,.36,1) .2s;transform:scaleX(0)}[data-reveal-ready] .blog-h2[data-reveal-in]:after{transform:scaleX(1)}[data-reveal-ready] .reveal-card{opacity:0;will-change:opacity,transform;transition:opacity .62s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}[data-reveal-ready] .reveal-card[data-reveal-in]{opacity:1;transform:none}[data-reveal-ready] .reveal-card .blog-spec-row{opacity:0;transition:opacity .46s,transform .46s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}[data-reveal-ready] .reveal-card[data-reveal-in] .blog-spec-row{opacity:1;transform:none}[data-reveal-ready] .reveal-card[data-reveal-in] .blog-spec-row:first-child{transition-delay:.16s}[data-reveal-ready] .reveal-card[data-reveal-in] .blog-spec-row:nth-child(2){transition-delay:.25s}[data-reveal-ready] .reveal-card[data-reveal-in] .blog-spec-row:nth-child(3){transition-delay:.34s}[data-reveal-ready] .reveal-card[data-reveal-in] .blog-spec-row:nth-child(4){transition-delay:.43s}[data-reveal-ready] .reveal-card[data-reveal-in] .blog-spec-row:nth-child(5){transition-delay:.52s}@media (prefers-reduced-motion:reduce){.reveal-fig,.reveal-head,.reveal-card,.reveal-card .blog-spec-row{opacity:1!important;clip-path:none!important;transition:none!important;transform:none!important}.blog-h2:after{transition:none!important;transform:scaleX(1)!important}}.blog-rating-feature{text-align:center;background:var(--soot);border:1px solid #f2e8d514;margin:44px 0 8px;padding:32px 24px 30px;position:relative;overflow:hidden}.blog-rating-feature:before{content:"";pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url(/cafe/blog/grain.svg);position:absolute;inset:0}.blog-rating-eyebrow{z-index:1;color:var(--ash);text-transform:uppercase;letter-spacing:.24em;margin-bottom:16px;font-size:10px;display:block;position:relative}.blog-rating-stars{z-index:1;gap:7px;display:inline-flex;position:relative}.blog-rating-star{fill:#0000;color:var(--ash);opacity:.4;transition:fill .42s,color .42s,opacity .42s,transform .46s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)}.blog-rating-star.is-filled{fill:#fbbf24;color:#fbbf24;opacity:1;transform:scale(1)}.blog-rating-line{z-index:1;justify-content:center;align-items:baseline;gap:12px;margin-top:14px;display:flex;position:relative}.blog-rating-value{font-family:var(--font-eb-garamond);color:var(--paper);font-variant-numeric:tabular-nums;font-size:46px;font-weight:600;line-height:1}.blog-rating-count{color:var(--paper-dim);font-family:var(--font-noto-sans-jp);font-size:13px}.blog-rating-link{z-index:1;color:var(--ember);font-family:var(--font-noto-sans-jp);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--rust);text-decoration-color:var(--rust);margin-top:18px;font-size:14px;transition:opacity .16s;display:inline-block;position:relative}.blog-rating-link:hover{opacity:.8}@media (prefers-reduced-motion:reduce){.blog-rating-star{transition:none!important}}.blog-review{background:var(--soot);border:1px solid #f2e8d514;border-left:3px solid var(--rust);padding:30px 30px 26px;position:relative;overflow:hidden}.blog-review:before{content:"";pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url(/cafe/blog/grain.svg);position:absolute;inset:0}.blog-review-mark{font-family:var(--font-eb-garamond);color:var(--rust);opacity:.45;pointer-events:none;font-size:72px;font-style:italic;line-height:1;position:absolute;top:4px;right:22px}.blog-review-eyebrow{color:var(--ash);text-transform:uppercase;letter-spacing:.22em;margin-bottom:10px;font-size:10px;display:block}.blog-review-body{z-index:1;color:var(--paper);font-family:var(--font-noto-serif-jp);margin:0;font-size:18px;font-weight:500;line-height:1.9;position:relative}.blog-review-body p{margin:0}.blog-spec{background:var(--soot);border:1px solid #f2e8d514;padding:22px 26px;position:relative;overflow:hidden}.blog-spec:before{content:"";pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url(/cafe/blog/grain.svg);position:absolute;inset:0}.blog-spec-eyebrow{color:var(--rust);text-transform:uppercase;letter-spacing:.22em;margin-bottom:14px;font-size:10px}.blog-spec-rows{z-index:1;margin:0;position:relative}.blog-spec-row{border-top:1px solid #f2e8d512;grid-template-columns:5.5rem 1fr;gap:4px 16px;padding:9px 0;display:grid}.blog-spec-row:first-child{border-top:0}.blog-spec-label{color:var(--ash);letter-spacing:.06em;padding-top:3px;font-size:11px}.blog-spec-value{color:var(--paper);font-family:var(--font-noto-sans-jp);margin:0;font-size:15px;line-height:1.7}@media (max-width:480px){.blog-spec-row{grid-template-columns:1fr;gap:2px}}.blog-cta{background:linear-gradient(180deg,var(--soot-raised),var(--soot));border:1px solid #8e2a3a4d;flex-direction:column;gap:16px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.blog-cta:before{content:"";pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url(/cafe/blog/grain.svg);position:absolute;inset:0}.blog-cta-copy{z-index:1;color:var(--paper);font-family:var(--font-noto-serif-jp);margin:0;font-size:17px;font-weight:500;line-height:1.8;position:relative}.blog-cta-btn{z-index:1;background:var(--rust);color:var(--paper);font-family:var(--font-noto-sans-jp);border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:600;transition:background .16s;display:inline-flex;position:relative}.blog-cta-btn:hover,.blog-cta-btn:focus-visible{background:var(--rust-deep)}@media (min-width:640px){.blog-cta{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}.blog-cta-btn{flex-shrink:0;align-self:auto}}