/* KecilBisa brand mark and protective preview watermark. */
.brand { font-size: 21px; letter-spacing: -.04em; }
.brand b { font-size: inherit; color: var(--coral); }
.brand small { display: block; margin-top: 6px; font-family: Nunito, sans-serif; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.brand-mark { width: 47px; height: 47px; object-fit: contain; border: 0; border-radius: 0; background: transparent; }
.watermarked { position: relative; overflow: hidden; }
.watermarked::after { content: "KecilBisa  •  PREVIEW"; position: absolute; z-index: 3; left: 50%; top: 50%; width: 135%; padding: 6px 0; transform: translate(-50%, -50%) rotate(-24deg); background: rgba(16, 42, 91, .76); border-top: 2px solid rgba(255, 255, 255, .9); border-bottom: 2px solid rgba(255, 255, 255, .9); color: #fff; text-align: center; font-family: Fredoka, sans-serif; font-size: clamp(10px, 1.3vw, 17px); letter-spacing: .14em; font-weight: 700; pointer-events: none; }
.activity-card .watermarked { background: #fff; }
.activity-card .watermarked img { width: 100%; display: block; aspect-ratio: 1 / 1.414; object-fit: contain; object-position: center; }
.activity-card > div:not(.watermarked) { padding: 17px 17px 20px; }
.contents-promo img { width: 100%; display: block; }
.print-note .watermarked img { width: 100%; display: block; border: 3px solid var(--ink); box-shadow: 7px 7px 0 var(--ink); }
@media (max-width: 560px) { .activity-card > div:not(.watermarked) { padding: 12px; } }