.tapchi-showcase .tapchi-visual{background:#fff;position:relative;display:grid;place-items:center;min-height:30rem;padding:2rem;overflow:hidden;color:#62675f}
.tapchi-visual .tapchi-logo{position:absolute;left:1.7rem;top:1.5rem;width:4.5rem;mix-blend-mode:multiply}
.tapchi-visual .tapchi-rice{width:100%;max-width:26rem;height:auto;object-fit:contain}
.tapchi-visual .tapchi-apple{position:absolute;right:1.2rem;bottom:3.6rem;width:6.5rem;height:auto;transform:rotate(8deg)}
.tapchi-visual p{position:absolute;bottom:1.3rem;left:1rem;right:1rem;text-align:center;font-size:.7rem;letter-spacing:.03em;line-height:1.6}
.tapchi-showcase .app-showcase__tagline{color:#a53c2c;font-family:var(--font-display);font-size:1.6rem}
.tapchi-showcase .tapchi-note{font-size:.8rem;line-height:1.8;color:#62675f;margin-top:1.2rem}
@media(max-width:650px){.tapchi-showcase .tapchi-visual{min-height:24rem}.tapchi-visual .tapchi-rice{max-width:22rem}.tapchi-visual .tapchi-apple{width:5.5rem;bottom:3.4rem}.tapchi-visual .tapchi-logo{width:3.5rem}}
@media(prefers-reduced-motion:reduce){.tapchi-showcase *{animation:none!important;transition:none!important}}

@font-face{font-family:TapChiZenMincho;src:url(/assets/tapchi/shippori-mincho-extrabold-latin.woff2) format("woff2");font-style:normal;font-weight:800;font-display:swap}
.tapchi-showcase .app-showcase__tagline{font-family:TapChiZenMincho,Georgia,serif;font-weight:800;color:#292b28;line-height:1.5}.tapchi-showcase .tapchi-title-line{display:block}.tapchi-showcase .tapchi-title-line em{color:#a53c2c;font-style:normal;font-weight:inherit}.tapchi-showcase .tapchi-wordmark{display:block;width:13rem;height:auto;background:transparent;padding:0}

.tapchi-ink-filter{position:absolute;pointer-events:none}.tapchi-showcase .tapchi-title-line{filter:url(#tapchi-ink-edge);text-shadow:.012em 0 currentColor}

@supports (mask-image:url("")) or (-webkit-mask-image:url("")){
  .zen-ink-ready .tapchi-showcase .tapchi-title-line{-webkit-mask-image:url(/assets/tapchi/heading-ink.webp),linear-gradient(#0006,#0006);mask-image:url(/assets/tapchi/heading-ink.webp),linear-gradient(#0006,#0006);-webkit-mask-size:12em 12em,100% 100%;mask-size:12em 12em,100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-over;mask-composite:add}
}
@media(forced-colors:active){.tapchi-showcase .tapchi-title-line,.tapchi-showcase .tapchi-title-line em{background:none;color:CanvasText;filter:none;mask-image:none!important;-webkit-mask-image:none!important}}

/* The TapChi showcase is one continuous white surface. */
.tapchi-showcase{background:#fff;border-color:#d9ddd1;color:#292b28}
.tapchi-showcase:hover{border-color:#bbc4b4}
.tapchi-showcase .app-showcase__inner,.tapchi-showcase .app-showcase__content{background:#fff}
.tapchi-showcase .app-showcase__desc,.tapchi-showcase .app-showcase__features li{color:#566052}
.tapchi-showcase .app-showcase__features li::before{color:#416045;background:#f0f3ec}
.tapchi-showcase .app-card__status--development{color:#7a4b3d;background:#fff;border-color:#d9ddd1}
.tapchi-showcase .btn--primary{background:#a53c2c;color:#fff}
.tapchi-showcase .btn--primary:hover{background:#823021;box-shadow:0 .5rem 2rem #a53c2c24}
.tapchi-showcase a:focus-visible{outline:2px solid #a53c2c;outline-offset:.3rem}

/* Current free release uses its actual synthetic-data phone screen. */
.tapchi-showcase .tapchi-visual{background:#f7f4ed;min-height:38rem;padding:2.5rem 2rem 4rem}
.tapchi-showcase .tapchi-logo{width:3rem;left:1.2rem;top:1rem}
.tapchi-showcase .tapchi-phone{max-width:15rem;border:.45rem solid #292b28;border-radius:2.3rem;overflow:hidden;background:#fff;box-shadow:0 18px 45px #292b2820}
.tapchi-phone img{display:block;width:100%;height:auto}
.tapchi-showcase .app-card__cta{display:flex;flex-wrap:wrap;gap:.75rem}
.tapchi-showcase .btn{min-height:2.8rem}
.tapchi-showcase .btn--outline{background:#fff;border:1px solid #a53c2c;color:#a53c2c;min-height:2.75rem}
.tapchi-showcase .btn--outline:hover{background:#f7f4ed}
@media(max-width:650px){.tapchi-showcase .tapchi-visual{min-height:0;padding:2.4rem 1.5rem 3.5rem}.tapchi-showcase .tapchi-phone{max-width:14rem}.tapchi-showcase .tapchi-logo{width:2.5rem}.tapchi-showcase .app-showcase__tagline{font-size:1.5rem}}