.template-gallery-card { min-width:0; }
.template-gallery-card > a { color:inherit; display:block; text-decoration:none; }
.template-thumbnail { height:320px; padding:28px; display:grid; grid-template-columns:1fr 1.1fr; align-items:center; overflow:hidden; border:1px solid #172c211a; transition:transform .2s; }
.template-gallery-card a:hover .template-thumbnail { transform:translateY(-4px); }
.template-thumbnail-copy { min-width:0; }
.template-thumbnail small { display:block; font-size:10px; line-height:1.5; font-weight:600; }
.template-thumbnail strong { display:block; font-size:clamp(23px,2.4vw,36px); line-height:1.1; letter-spacing:-.055em; white-space:pre-line; margin:18px 0; font-weight:800; }
.template-thumbnail-copy > span { display:inline-block; font-size:9px; padding:9px 12px; border:1px solid currentColor; }
.template-thumbnail-home_technical_services { background:#edf2ef; color:#143a43; }
.template-thumbnail-catering_home_food { background:#faf4e8; color:#613a2b; }
.template-thumbnail-event_rental_support { background:#20272a; color:#f7f0df; }
.template-thumbnail-tuition_learning { background:#f7f5ed; color:#233c61; }
.template-thumbnail-tuition_learning .template-thumbnail-copy,.template-thumbnail-bridal_mobile_beauty .template-thumbnail-copy { order:2; }
.template-thumbnail-early_childhood_education { background:#faf4df; color:#354c38; border-radius:24px; }
.template-thumbnail-bridal_mobile_beauty { background:#f7eee9; color:#62463f; }
.template-card-caption { display:flex; align-items:start; justify-content:space-between; gap:16px; padding-top:18px; }
.template-card-caption h2,.template-card-caption h3 { font-size:20px; line-height:1.4; margin:0; font-weight:600; letter-spacing:-.04em; }
.template-card-caption p { font-size:12px; color:#576257; line-height:1.7; margin:5px 0; }
.template-card-caption > span { display:grid; place-items:center; width:44px; height:44px; border:1px solid #b7c4b9; border-radius:50%; flex:none; }

.examples-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:8px 0 18px;overscroll-behavior-x:contain;scrollbar-width:thin}.examples-track .template-gallery-card{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start;scroll-snap-stop:always}.examples-track .template-art{width:100%;height:auto;display:block}.examples-track .template-thumbnail{border-radius:16px;height:330px}.examples-track .template-thumbnail strong{font-size:clamp(24px,2.5vw,36px)}.examples-track .template-card-caption h3{font-size:18px}.examples-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.examples-controls{display:flex;align-items:center;gap:14px}.examples-controls[hidden]{display:none}.examples-controls button{width:48px;height:48px;border:1px solid #a7b7a4;border-radius:50%;background:#fff;color:#18251e;font-size:24px;cursor:pointer}.examples-controls button:disabled{opacity:.35;cursor:default}.examples-position{min-width:46px;text-align:center;font-size:14px}.examples-carousel :focus-visible{outline:3px solid #15803d;outline-offset:4px}.examples-carousel>.micro{margin-top:18px;max-width:65ch}@media(max-width:700px){.examples-track{gap:16px}.examples-track .template-gallery-card{flex-basis:92%}.examples-track .template-thumbnail{height:280px;padding:18px;grid-template-columns:1fr 1fr}.examples-track .template-thumbnail strong{font-size:26px}.examples-track .template-card-caption{gap:8px}.examples-track .template-card-caption h3{font-size:16px}.examples-toolbar{align-items:center}.examples-toolbar>a{font-size:14px}.examples-controls{gap:8px}}@media(prefers-reduced-motion:reduce){.examples-track{scroll-behavior:auto}.template-gallery-card a:hover .template-thumbnail{transform:none}}


/* The six showcase cards use the same classes, palette variables and public
   artwork as Setempat's gallery. */
.template-showcase-thumbnail{background:var(--showcase-paper);color:var(--showcase-ink);gap:8px}
.template-showcase-thumbnail .showcase-thumbnail-art{width:100%;height:auto;min-width:0}
.template-showcase-thumbnail strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(27px,2.8vw,41px)}
.template-showcase-thumbnail .template-thumbnail-copy>span{background:var(--showcase-ink);color:var(--showcase-paper);border-color:var(--showcase-ink)}
.template-showcase-coffee{border-radius:3px}
.template-showcase-coffee small{letter-spacing:.09em;text-transform:uppercase}
.template-showcase-garage{background-image:linear-gradient(90deg,#f3f1e407 1px,transparent 1px);background-size:28px 28px}
.template-showcase-garage strong{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(23px,2.35vw,34px);font-weight:900;letter-spacing:-.065em;text-transform:uppercase}
.template-showcase-garage .template-thumbnail-copy>span{color:var(--showcase-paper);background:var(--showcase-accent);border-color:var(--showcase-accent)}
.template-showcase-floral .template-thumbnail-copy{order:2}
.template-showcase-floral strong{font-style:italic}
.template-showcase-floral .showcase-thumbnail-art{transform:rotate(-3deg) scale(1.08)}
.template-showcase-stay{background:#e6e9d7}
.template-showcase-stay strong{font-size:clamp(27px,2.6vw,38px)}
.template-showcase-ledger{background-image:radial-gradient(#213d5920 .8px,transparent .8px);background-size:14px 14px}
.template-showcase-ledger strong{font-family:inherit;font-weight:600;font-size:clamp(25px,2.5vw,36px);letter-spacing:-.065em}
.template-showcase-pets{border-radius:24px}
.template-showcase-pets strong{font-weight:700;font-size:clamp(26px,2.65vw,39px)}
.template-showcase-pets .template-thumbnail-copy>span{border-radius:20px}
@media(max-width:700px){.template-showcase-thumbnail strong,.template-showcase-stay strong,.template-showcase-pets strong{font-size:clamp(25px,6.8vw,35px)}.template-showcase-garage strong{font-size:clamp(21px,5.8vw,29px)}.template-showcase-ledger strong{font-size:clamp(22px,6vw,30px)}}