/* Homepage examples only. Product templates and shared theme tokens stay independent. */
.home-page .cz-showcase { background:var(--cz-panel); border-color:var(--cz-line); }
.home-page .cz-showcase .cz-section-heading { margin-bottom:22px; }
.home-page .cz-showcase-hint { color:var(--cz-muted); font-size:.75rem; line-height:1.6; margin:0 0 14px; }
.home-page .cz-showcase-hint>span { display:none; }
.home-page .cz-showcase-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; min-width:0; padding:8px 4px 20px; margin:0 -4px; border-radius:12px; }
.home-page .cz-showcase-item { min-width:0; margin:0; }
.home-page .cz-showcase-art { position:relative; isolation:isolate; aspect-ratio:4/5; min-width:0; transition:transform .22s ease; }
.home-page .cz-showcase-front,.home-page .cz-showcase-back { position:absolute; inset:26px 24px 0 0; border-radius:12px; overflow:hidden; }
.home-page .cz-showcase-front { z-index:3; box-shadow:0 8px 18px #15203b24; transition:box-shadow .22s ease; }
.home-page .cz-showcase-back { padding:8px 12px; border:1px solid #ffffff45; transition:transform .22s ease; transform-origin:50% 80%; }
.home-page .cz-showcase-back>span { display:block; text-align:right; font-size:10px; line-height:1; font-weight:700; }
.home-page .cz-showcase-back>strong { display:block; margin-top:45%; font-size:24px; line-height:1.15; }
.home-page .cz-showcase-back-2 { z-index:2; transform:translate(10px,-11px) rotate(1.5deg); background:var(--showcase-back-2); color:var(--showcase-back-ink-2); }
.home-page .cz-showcase-back-3 { z-index:1; transform:translate(20px,-22px) rotate(3deg); background:var(--showcase-back-3); color:var(--showcase-back-ink-3); }
.home-page .cz-showcase-photo { display:block; width:100%; height:100%; object-fit:cover; }
.home-page .cz-showcase-tag { font-size:9px; letter-spacing:.045em; line-height:1.4; font-weight:750; }
.home-page .cz-showcase-count { font-size:10px; line-height:1.4; font-weight:650; white-space:nowrap; }
.home-page .cz-showcase-credit { display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:9px; font-weight:500; line-height:1.5; letter-spacing:0; }
.home-page .cz-showcase-credit>span { font-size:17px; line-height:1; }
.home-page .cz-showcase-item figcaption { padding:20px 0 0; color:var(--cz-ink); }
.home-page .cz-showcase-item figcaption strong { display:block; font-size:1rem; font-weight:650; line-height:1.45; letter-spacing:-.02em; }
.home-page .cz-showcase-item figcaption>span { display:block; margin-top:5px; font-size:.8125rem; line-height:1.6; color:var(--cz-muted); }
.home-page .cz-showcase-front h3 { margin:0; font-weight:800; letter-spacing:-.045em; }
/* Travel: full-bleed destination, oversized numeral, blue editorial overlay. */
.home-page .cz-showcase-travel { --showcase-back-2:#ffb64f; --showcase-back-3:#166d89; --showcase-back-ink-2:#422408; --showcase-back-ink-3:#fff; }
.home-page .cz-showcase-travel .cz-showcase-front { background:#0b536c; color:#fff; }
.home-page .cz-showcase-travel .cz-showcase-front:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#052c415c 0%,transparent 34%,#052c41de 73%,#052c41 100%); }
.home-page .cz-travel-top { position:absolute; inset:15px 15px auto; display:flex; align-items:center; justify-content:space-between; gap:7px; z-index:1; }
.home-page .cz-travel-top .cz-showcase-tag { padding:5px 7px; background:#063c51; border-radius:4px; }
.home-page .cz-travel-top .cz-showcase-count { padding:4px; background:#063c51; border-radius:4px; }
.home-page .cz-travel-copy { position:absolute; z-index:1; inset:auto 19px 15px; }
.home-page .cz-travel-copy h3 { display:flex; flex-direction:column; font-size:27px; line-height:1.07; }
.home-page .cz-travel-five { color:#ffb64f; font-size:76px; line-height:.93; font-weight:850; margin-bottom:8px; }
.home-page .cz-travel-copy>p { font-size:11px; line-height:1.5; margin:10px 0 13px; }
.home-page .cz-travel-copy .cz-showcase-credit { padding-top:9px; border-top:1px solid #ffffff4d; }
/* News: photo band, strong divider and serif headline. */
.home-page .cz-showcase-news { --showcase-back-2:#d7f178; --showcase-back-3:#1a5667; --showcase-back-ink-2:#173722; --showcase-back-ink-3:#fff; }
.home-page .cz-showcase-news .cz-showcase-front { display:flex; flex-direction:column; background:#102f36; color:#fff; }
.home-page .cz-news-top { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:14px 14px 12px; flex:none; }
.home-page .cz-news-top .cz-showcase-tag { color:#d7f178; }
.home-page .cz-showcase-news .cz-showcase-photo { height:39%; flex:none; border-bottom:4px solid #d7f178; }
.home-page .cz-news-copy { padding:12px 16px 13px; display:flex; flex-direction:column; flex:1; min-height:0; }
.home-page .cz-news-kicker { font-size:8px; font-weight:700; letter-spacing:.12em; color:#d7f178; margin-bottom:7px; }
.home-page .cz-news-copy h3 { font-family:Georgia,"Times New Roman",serif; font-weight:700; font-size:28px; line-height:1.03; letter-spacing:-.035em; }
.home-page .cz-news-copy .cz-showcase-credit { margin-top:auto; padding-top:10px; }
/* Business: warm product photography, expressive type and a compact offer. */
.home-page .cz-showcase-umkm { --showcase-back-2:#ffdf80; --showcase-back-3:#a83931; --showcase-back-ink-2:#512522; --showcase-back-ink-3:#fff; }
.home-page .cz-showcase-umkm .cz-showcase-front { background:#ec7554; color:#442019; }
.home-page .cz-showcase-umkm .cz-showcase-front:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#ffb08bfa,transparent 40%,transparent 74%,#442019bf); }
.home-page .cz-umkm-copy { position:absolute; inset:15px 17px auto; z-index:1; }
.home-page .cz-umkm-top { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:11px; }
.home-page .cz-umkm-copy h3 { font-size:32px; line-height:.98; }
.home-page .cz-umkm-copy h3 em { font-family:Georgia,"Times New Roman",serif; font-size:51px; font-weight:500; line-height:1.04; }
.home-page .cz-umkm-offer { position:absolute; z-index:1; right:12px; top:44%; width:80px; height:80px; border-radius:50%; background:#ffdf80; color:#442019; display:flex; flex-direction:column; justify-content:center; align-items:center; transform:rotate(8deg); box-shadow:0 3px 10px #44201920; }
.home-page .cz-umkm-offer>span { font-size:8px; line-height:1.3; font-weight:700; }
.home-page .cz-umkm-offer>strong { font-size:32px; line-height:1.2; letter-spacing:-.04em; }
.home-page .cz-umkm-offer>strong>span { font-size:18px; }
.home-page .cz-umkm-bottom { position:absolute; inset:auto 16px 13px; z-index:1; color:#fff; }
.home-page .cz-umkm-cta { display:flex; align-items:center; justify-content:space-between; border-radius:6px; background:#fff1d9; color:#442019; padding:9px 11px; font-weight:700; font-size:10px; line-height:1.4; }
.home-page .cz-umkm-bottom .cz-showcase-credit { margin-top:8px; justify-content:center; }
/* Education: lime number block, purple field and inset workspace photo. */
.home-page .cz-showcase-education { --showcase-back-2:#d9ef78; --showcase-back-3:#ae9cf8; --showcase-back-ink-2:#332461; --showcase-back-ink-3:#332461; }
.home-page .cz-showcase-education .cz-showcase-front { display:flex; flex-direction:column; background:#5133a5; color:#fff; padding:15px 15px 13px; }
.home-page .cz-education-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:20px; }
.home-page .cz-education-top .cz-showcase-tag { color:#e5dfff; }
.home-page .cz-education-copy { display:flex; align-items:flex-start; gap:10px; margin-bottom:18px; }
.home-page .cz-education-number { display:grid; place-items:center; flex:none; width:55px; height:65px; border-radius:8px; background:#d9ef78; color:#332461; font-size:56px; font-weight:800; letter-spacing:-.08em; line-height:1; padding-right:4px; transform:rotate(-5deg); }
.home-page .cz-education-copy h3 { font-size:23px; line-height:1.16; }
.home-page .cz-education-copy h3 em { color:#d9ef78; font-style:normal; }
.home-page .cz-education-photo { position:relative; min-height:60px; flex:1; border-radius:8px; overflow:hidden; }
.home-page .cz-education-photo .cz-showcase-photo { position:absolute; inset:0; object-position:50% 55%; }
.home-page .cz-education-photo>span { position:absolute; bottom:10px; left:10px; background:#d9ef78; color:#332461; padding:6px 8px; border-radius:4px; font-size:9px; font-weight:750; line-height:1.4; }
.home-page .cz-showcase-education .cz-showcase-credit { margin-top:13px; }
html[data-theme=dark] .home-page .cz-showcase-front { box-shadow:0 8px 22px #0005; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .home-page .cz-showcase-item:hover .cz-showcase-art { transform:translateY(-5px); }
  .home-page .cz-showcase-item:hover .cz-showcase-front { box-shadow:0 15px 28px #15203b38; }
  .home-page .cz-showcase-item:hover .cz-showcase-back-2 { transform:translate(12px,-12px) rotate(2deg); }
  .home-page .cz-showcase-item:hover .cz-showcase-back-3 { transform:translate(23px,-24px) rotate(4deg); }
  html[data-theme=dark] .home-page .cz-showcase-item:hover .cz-showcase-front { box-shadow:0 15px 28px #0008; }
}
@media (min-width:1024px) and (max-width:1199px) {
  .home-page .cz-showcase-list { gap:20px; }
  .home-page .cz-travel-copy h3 { font-size:23px; }
  .home-page .cz-travel-five { font-size:62px; }
  .home-page .cz-news-copy h3 { font-size:24px; }
  .home-page .cz-education-number { width:43px; height:55px; font-size:46px; }
  .home-page .cz-education-copy h3 { font-size:19px; }
  .home-page .cz-showcase-tag { font-size:8px; }
  .home-page .cz-umkm-copy h3 { font-size:27px; }
}
@media (max-width:1023px) {
  .home-page .cz-showcase-list { grid-template-columns:repeat(4,320px); grid-auto-flow:column; overflow-x:auto; scroll-snap-type:x proximity; scroll-padding-inline:4px; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:var(--cz-accent) var(--cz-panel); padding-top:10px; padding-right:24px; padding-bottom:20px; }
  .home-page .cz-showcase-item { width:320px; scroll-snap-align:start; }
  .home-page .cz-showcase-hint>span { display:inline; }
  .home-page .cz-showcase-hint>span:first-child { margin-inline:6px; }
}
@media (max-width:600px) {
  .home-page .cz-showcase-list { grid-template-columns:repeat(4,min(290px,83vw)); gap:20px; }
  .home-page .cz-showcase-item { width:min(290px,83vw); }
  .home-page .cz-showcase-hint { max-width:290px; }
  .home-page .cz-showcase .cz-section-heading { margin-bottom:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .home-page .cz-showcase-art,.home-page .cz-showcase-front,.home-page .cz-showcase-back { transition:none; }
  .home-page .cz-showcase-list { scroll-behavior:auto; scroll-snap-type:none; }
}