/* Homepage sections below the hero. Same tokens, cards, buttons and motion as the rest of the site.
   Hero, ticker, stats band and footer are untouched. All classes are hm-* or scoped to body.home. */

/* ---------- section rhythm: ivory / grid / deep ivory, so each block reads as its own band ---------- */
.home #about, .home #community, .home #events, .home #gallery, .home #people { background: var(--color-background); }
.home #places, .home #events { background-image: var(--pat-grid); }
.home #story, .home #news, .home #map, .home #development { background: var(--ivory-deep); }
.home #community { background-image: var(--pat-dots); }
.home .section-head h2::after { content: ""; display: block; width: 56px; height: 4px; margin-top: var(--sp-3); border-radius: 4px; background: linear-gradient(90deg, var(--color-accent), var(--color-secondary)); }
.home .section-head.center h2::after { margin-inline: auto; }
.hm-actions { display: flex; flex-wrap: wrap; gap: var(--sp-3); margin-top: var(--sp-6); }
.hm-actions--center { justify-content: center; margin-top: var(--sp-7); }
@media (max-width: 640px) { .hm-actions .btn { width: 100%; } }

/* ---------- quick links ---------- */
.hm-quick { padding-block: var(--sp-7) 0; background: var(--color-background); }
.hm-quick-grid { display: grid; gap: var(--sp-4); grid-template-columns: minmax(0,1fr); }
@media (min-width: 640px) { .hm-quick-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1000px) { .hm-quick-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.hm-tile { display: flex; align-items: center; gap: var(--sp-4); padding: var(--sp-4) var(--sp-5); background: var(--color-surface); border: 1px solid var(--color-border); border-left: 4px solid var(--color-accent); border-radius: var(--radius-xl); box-shadow: var(--shadow); text-decoration: none; color: var(--color-text); }
.hm-tile:nth-child(3n+2) { border-left-color: var(--color-secondary); }
.hm-tile:nth-child(3n) { border-left-color: var(--green-700); }
.hm-tile-ic { flex: none; width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: var(--green-50); color: var(--color-primary); }
.hm-tile-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.hm-tile-t strong { font-size: var(--body); line-height: var(--lh-tight); }
.hm-tile-t small { font-size: var(--small); color: var(--color-muted); margin-top: 2px; }
.hm-tile > .btn-ic { flex: none; color: var(--color-secondary); }
.hm-tile:hover .hm-tile-ic { background: var(--color-accent); color: var(--green-900); }

/* ---------- about ---------- */
.hm-about .split-media { position: relative; }
.hm-about .split-media .img-placeholder { height: 100%; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lift, var(--shadow)); }
.hm-about .split-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hm-badge { position: absolute; left: var(--sp-4); bottom: var(--sp-4); display: inline-flex; align-items: center; gap: var(--sp-2); padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.94); color: var(--color-primary); font-size: var(--small); font-weight: 700; box-shadow: var(--shadow); }
.hm-badge .btn-ic { color: var(--color-secondary); }
.hm-facts { display: grid; gap: var(--sp-3); margin-top: var(--sp-5); }
@media (min-width: 560px) { .hm-facts { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.hm-facts li { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.hm-facts .btn-ic { flex: none; color: var(--green-700); }
.hm-facts span { display: flex; flex-direction: column; font-size: var(--xs); color: var(--color-muted); line-height: 1.3; }
.hm-facts strong { font-size: var(--body); color: var(--color-primary); }

/* ---------- places: bento of photo cards ---------- */
.hm-bento { display: grid; gap: var(--sp-4); grid-template-columns: minmax(0,1fr); margin-top: var(--sp-6); }
@media (min-width: 640px) { .hm-bento { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1000px) { .hm-bento { grid-template-columns: repeat(3, minmax(0,1fr)); grid-auto-rows: 230px; } .hm-pcard:first-child { grid-column: span 2; grid-row: span 2; } }
.hm-pcard { position: relative; display: block; min-height: 220px; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow); color: #fff; text-decoration: none; background: var(--green-700); isolation: isolate; }
.hm-pcard img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
.hm-pcard::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(6,16,11,0) 35%, rgba(6,16,11,.82) 100%); }
.hm-pcard-body { position: absolute; left: var(--sp-5); right: 64px; bottom: var(--sp-5); display: flex; flex-direction: column; gap: 2px; }
.hm-pcard-body strong { font-size: var(--h4); line-height: var(--lh-tight); color: #fff; }
.hm-pcard-body small { font-size: var(--small); color: rgba(255,255,255,.85); }
.hm-pcard-go { position: absolute; right: var(--sp-4); bottom: var(--sp-4); width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--color-accent); color: var(--green-900); transition: transform var(--dur) var(--ease); }
.hm-pcard:hover img { transform: scale(1.06); }
.hm-pcard:hover .hm-pcard-go { transform: translateX(4px); }
.hm-pcard:first-child .hm-pcard-body strong { font-size: var(--h3); }

/* ---------- story: compact milestone strip ---------- */
.hm-steps { display: grid; gap: var(--sp-5); margin-top: var(--sp-7); counter-reset: none; }
@media (min-width: 900px) { .hm-steps { grid-template-columns: repeat(5, minmax(0,1fr)); gap: var(--sp-4); position: relative; } .hm-steps::before { content: ""; position: absolute; left: 4%; right: 4%; top: 22px; height: 3px; background: linear-gradient(90deg, var(--color-accent), var(--color-secondary)); opacity: .5; } }
.hm-steps li { position: relative; background: var(--color-surface); border: 1px solid var(--color-border); border-top: 4px solid var(--color-accent); border-radius: var(--radius-xl); box-shadow: var(--shadow); padding: var(--sp-5); }
.hm-steps li:nth-child(odd) { border-top-color: var(--color-secondary); }
.hm-step-year { display: inline-block; padding: 3px 14px; margin-bottom: var(--sp-3); border-radius: 999px; background: var(--color-primary); color: #fff; font-size: var(--small); font-weight: 700; }
.hm-steps h3 { font-size: var(--h4); line-height: var(--lh-tight); }
.hm-steps p { margin-top: var(--sp-2); font-size: var(--small); color: var(--color-muted); }

/* ---------- community ---------- */
.hm-mosaic { display: grid; gap: var(--sp-4); grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: var(--sp-6); }
@media (min-width: 900px) { .hm-mosaic { grid-template-columns: repeat(4, minmax(0,1fr)); } }
.hm-mosaic figure { position: relative; margin: 0; aspect-ratio: 4 / 5; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow); }
.hm-mosaic figure:nth-child(even) { margin-top: var(--sp-5); }
@media (max-width: 899px) { .hm-mosaic figure:nth-child(even) { margin-top: 0; } }
.hm-mosaic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
.hm-mosaic figure:hover img { transform: scale(1.06); }
.hm-mosaic figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: var(--sp-6) var(--sp-4) var(--sp-4); color: #fff; font-weight: 700; background: linear-gradient(180deg, transparent, rgba(6,16,11,.78)); }
.hm-themes { display: grid; gap: var(--sp-4); margin-top: var(--sp-7); grid-template-columns: minmax(0,1fr); }
@media (min-width: 640px) { .hm-themes { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1000px) { .hm-themes { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.hm-themes article, .hm-svc { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); box-shadow: var(--shadow); padding: var(--sp-5); }
.hm-themes h3, .hm-svc h3 { font-size: var(--h4); margin-top: var(--sp-3); color: var(--color-primary); }
.hm-themes p, .hm-svc p { margin-top: var(--sp-2); font-size: var(--small); color: var(--color-muted); line-height: var(--lh-prose); }
.hm-theme-ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--green-50); color: var(--green-700); }

/* ---------- development: eight facility cards ---------- */
.hm-dev { display: grid; gap: var(--sp-4); margin-top: var(--sp-6); grid-template-columns: minmax(0,1fr); }
@media (min-width: 560px) { .hm-dev { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1000px) { .hm-dev { grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--sp-5); } }
.hm-dev-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-3); min-width: 0; padding: var(--sp-6) var(--sp-5) var(--sp-5); background: var(--color-surface); border: 1px solid var(--color-border); border-top: 4px solid var(--c, var(--color-accent)); border-radius: var(--radius-xl); box-shadow: var(--shadow); color: var(--color-text); text-decoration: none; overflow: hidden; }
.hm-dev-card:nth-child(3n+2) { --c: var(--color-secondary); }
.hm-dev-card:nth-child(3n) { --c: var(--green-700); }
.hm-dev-card::after { content: ""; position: absolute; right: -36px; top: -36px; width: 110px; height: 110px; border-radius: 50%; background: var(--c, var(--color-accent)); opacity: .08; pointer-events: none; }
.hm-dev-ic { flex: none; width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center; background: var(--green-50); color: var(--c, var(--color-primary)); }
.hm-dev-card h3 { font-size: var(--h4); line-height: var(--lh-tight); color: var(--color-primary); overflow-wrap: anywhere; }
.hm-dev-card p { font-size: var(--small); line-height: var(--lh-prose); color: var(--color-muted); }
.hm-dev-tbc { display: inline-block; padding: 3px 12px; border-radius: 999px; background: var(--gold-100); color: #7A5410; font-size: var(--xs); font-weight: 700; line-height: var(--lh-ui); }
.hm-dev-go { margin-top: auto; padding-top: var(--sp-2); display: inline-flex; align-items: center; gap: var(--sp-2); font-size: var(--small); font-weight: 700; color: var(--color-secondary); }
.hm-dev-go .btn-ic { transition: transform var(--dur) var(--ease); }
.hm-dev-card:hover .hm-dev-ic { background: var(--c, var(--color-accent)); color: #fff; }
.hm-dev-card:hover .hm-dev-go .btn-ic { transform: translateX(4px); }
@media (max-width: 559px) { .hm-dev-card { flex-direction: row; flex-wrap: wrap; align-items: center; padding: var(--sp-5); } .hm-dev-card h3 { flex: 1; min-width: 0; } .hm-dev-card p, .hm-dev-tbc, .hm-dev-go { flex: 1 1 100%; } .hm-dev-go { margin-top: 0; padding-top: 0; } }

/* ---------- village services band ---------- */
.hm-services { background: var(--grad-primary); color: #fff; }
.hm-services .section-head h2, .hm-services .section-head p { color: #fff; }
.hm-services .section-head p { opacity: .85; }
.hm-services .eyebrow { color: var(--gold-light); }
.hm-sos { display: grid; gap: var(--sp-4); grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: var(--sp-6); }
@media (min-width: 800px) { .hm-sos { grid-template-columns: repeat(4, minmax(0,1fr)); } }
.hm-sos a { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: var(--sp-4) var(--sp-5); border-radius: var(--radius-xl); background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); color: #fff; text-decoration: none; }
.hm-sos a .btn-ic { color: var(--gold-light); margin-bottom: var(--sp-1); }
.hm-sos strong { font-size: var(--h3); line-height: var(--lh-tight); }
.hm-sos span { font-size: var(--small); color: rgba(255,255,255,.85); }
.hm-sos a:hover { background: rgba(255,255,255,.18); }
.hm-svc-grid { display: grid; gap: var(--sp-4); margin-top: var(--sp-5); grid-template-columns: minmax(0,1fr); }
@media (min-width: 800px) { .hm-svc-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.hm-svc { display: flex; flex-direction: column; text-decoration: none; }
.hm-svc .link { margin-top: auto; padding-top: var(--sp-3); font-weight: 700; font-size: var(--small); color: var(--color-secondary); }

/* ---------- gallery / news / events: tidy the shared parts on the homepage ---------- */
.home .events-empty { padding: var(--sp-6); text-align: center; background: var(--color-surface); border: 1px dashed var(--color-border); border-radius: var(--radius-xl); }

/* ---------- motion (reduced-motion users get a static page) ---------- */
@media (prefers-reduced-motion: no-preference) {
  .hm-tile, .hm-themes article, .hm-svc, .hm-steps li, .hm-sos a, .hm-facts li { transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease), border-color var(--dur) var(--ease); }
  .hm-dev-card { transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
  .hm-dev-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift, 0 12px 32px rgba(26,34,30,.14)); }
  .hm-tile:hover, .hm-themes article:hover, .hm-svc:hover, .hm-steps li:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift, 0 12px 32px rgba(26,34,30,.14)); }
  .hm-sos a:hover { transform: translateY(-3px); }
}

/* Our Land band: text aligned to the left edge of the site container (like every other section), not floating mid-screen */

@media (max-width: 640px) {   }

/* ---------- section labels (eyebrows): a tag with a gold leaf-and-icon badge instead of a plain pill ---------- */
.home main > section:not(#home):not(.hero) .eyebrow {
  position: relative; gap: 10px; padding: 5px 18px 5px 5px; margin-bottom: var(--sp-4);
  background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 999px; box-shadow: var(--shadow);
  color: var(--color-primary); font-size: var(--xs); letter-spacing: .16em;
}
.home main > section:not(#home):not(.hero) .eyebrow::before {
  content: ""; flex: none; width: 28px; height: 28px; border-radius: 50%; display: block;
  background: var(--ic, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E")) center / 15px no-repeat, var(--grad-warm);
  box-shadow: 0 2px 8px rgba(168,81,45,.35), inset 0 0 0 1px rgba(255,255,255,.35);
}
.home main > section:not(#home):not(.hero) .eyebrow::after {
  content: ""; width: 26px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--color-accent), transparent);
}
.home .section-head.center .eyebrow { margin-inline: auto; }
/* on photos and dark bands: glass tag */
body.home main > section.hm-services:not(#home) .eyebrow {
  background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.34); color: var(--gold-light); box-shadow: none;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.home #about .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36 6.36-2.12z'/%3E%3C/svg%3E"); }
.home #land-heading .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E"); }
.home #places .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.home #story .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E"); }
.home #community .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.home #development .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l8-4v18'/%3E%3Cpath d='M19 21V11l-6-4'/%3E%3C/svg%3E"); }
.home #services .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
.home #events .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); }
.home #news .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2'/%3E%3Cpath d='M18 14h-8M15 18h-5'/%3E%3Cpath d='M10 6h8v4h-8V6Z'/%3E%3C/svg%3E"); }
.home #gallery .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E"); }
.home #map .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.home #people .eyebrow { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E"); }
@media (prefers-reduced-motion: no-preference) {
  .home main > section:not(#home):not(.hero) .eyebrow::before { transition: transform .5s cubic-bezier(.2,.7,.2,1); }
  .home .section-head:hover .eyebrow::before { transform: rotate(-12deg) scale(1.08); }
}

/* Card accent: the curved 4px top border is replaced by a short accent tab sitting inside the card */
.hm-steps li, .hm-dev-card {
  border: 1px solid var(--color-border);
  background-image: linear-gradient(var(--tab, var(--color-accent)), var(--tab, var(--color-accent)));
  background-repeat: no-repeat; background-size: 56px 4px; background-position: var(--sp-5) 0;
}
.hm-steps li:nth-child(odd) { --tab: var(--color-secondary); }
.hm-dev-card { --tab: var(--c, var(--color-accent)); }
.hm-dev-card::after { display: none; }

/* ---------- quick links, redesigned: centred tiles with a gold badge, no curved edge line, equal heights ---------- */
.hm-quick-grid { gap: var(--sp-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 720px) { .hm-quick-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1180px) { .hm-quick-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.hm-tile { position: relative; flex-direction: column; justify-content: flex-start; align-items: center; gap: var(--sp-3); text-align: center; padding: var(--sp-6) var(--sp-4) var(--sp-5); border: 1px solid var(--color-border); border-left: 1px solid var(--color-border); border-radius: var(--radius-xl); background-color: var(--color-surface); background-image: linear-gradient(var(--tab, var(--color-accent)), var(--tab, var(--color-accent))); background-repeat: no-repeat; background-size: 48px 4px; background-position: center 0; }
.hm-tile:nth-child(3n+2) { --tab: var(--color-secondary); }
.hm-tile:nth-child(3n) { --tab: var(--green-700); }
.hm-tile-ic { width: 56px; height: 56px; border-radius: 50%; background: var(--grad-warm); color: #fff; box-shadow: 0 6px 16px rgba(168,81,45,.3), inset 0 0 0 1px rgba(255,255,255,.35); }
.hm-tile-ic .btn-ic { width: 24px; height: 24px; }
.hm-tile-t { flex: none; align-items: center; gap: 4px; }
.hm-tile-t strong { font-size: var(--body); line-height: var(--lh-tight); color: var(--color-primary); }
.hm-tile-t small { font-size: var(--small); line-height: 1.45; color: var(--color-muted); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.hm-tile > .btn-ic:last-child { position: absolute; top: 14px; right: 14px; color: var(--color-secondary); opacity: 0; transform: translateX(-6px); transition: opacity .25s ease, transform .25s ease; }
.hm-tile:hover > .btn-ic:last-child, .hm-tile:focus-visible > .btn-ic:last-child { opacity: 1; transform: none; }
.hm-tile:hover .hm-tile-ic { background: var(--grad-primary); color: var(--gold-light); box-shadow: 0 6px 16px rgba(27,77,58,.35), inset 0 0 0 1px rgba(255,255,255,.2); }
@media (max-width: 479px) { .hm-tile { padding: var(--sp-5) var(--sp-3) var(--sp-4); } .hm-tile-t small { display: none; } .hm-tile-ic { width: 50px; height: 50px; } }
@media (prefers-reduced-motion: no-preference) { .hm-tile .hm-tile-ic { transition: background .3s ease, color .3s ease, transform .35s cubic-bezier(.2,.7,.2,1); } .hm-tile:hover .hm-tile-ic { transform: translateY(-3px) scale(1.06); } }
.hm-quick .hm-tile:nth-child(n) { border-left-color: var(--color-border); }

/* Our Story strip as a notice board: paper notes pinned to a framed board, slightly tilted */
.hm-steps { list-style: none; margin-left: 0; counter-reset: none; padding: var(--sp-7) var(--sp-5) var(--sp-6); gap: var(--sp-6) var(--sp-5);
  background: radial-gradient(rgba(27,77,58,.10) 1px, transparent 1.4px) 0 0 / 14px 14px, #E8E0CB;
  border: 9px solid var(--color-primary); border-radius: var(--radius-xl); box-shadow: inset 0 3px 14px rgba(26,34,30,.18), var(--shadow); }
.hm-steps::before { display: none !important; }
.hm-steps li { list-style: none; position: relative; text-align: left; background: #FFFDF7 none; border: 0; border-radius: 3px; padding: var(--sp-6) var(--sp-4) var(--sp-4);
  box-shadow: 0 1px 1px rgba(26,34,30,.12), 0 8px 16px rgba(26,34,30,.22); }
.hm-steps li:nth-child(odd) { rotate: -1.2deg; }
.hm-steps li:nth-child(even) { rotate: 1deg; margin-top: 10px; }
.hm-steps li::marker { content: ""; }
.hm-steps li::before { content: ""; position: absolute; top: -9px; left: 50%; width: 20px; height: 20px; margin-left: -10px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff 0 12%, var(--color-secondary) 14% 100%); box-shadow: 0 5px 6px rgba(26,34,30,.35); }
.hm-steps li:nth-child(even)::before { background: radial-gradient(circle at 35% 30%, #fff 0 12%, var(--color-accent) 14% 100%); }
.hm-step-year { display: block; background: none; padding: 0 0 var(--sp-2); margin-bottom: var(--sp-3); border-bottom: 2px dashed var(--color-border); border-radius: 0; color: var(--color-secondary); font-size: var(--h3); font-weight: 800; line-height: 1; }
.hm-steps li:nth-last-child(2) { background-color: #FBF0D7; }
.hm-steps li:nth-last-child(2) .hm-step-year { color: var(--color-primary); }
.hm-steps li:last-child { background-color: #FFFDF7; outline: 2px dashed rgba(27,77,58,.35); outline-offset: -8px; }
.hm-steps h3, .hm-steps p { color: var(--color-text); }
.hm-steps p { color: var(--color-muted); }
@media (hover: hover) { .hm-steps li:hover { rotate: 0deg; transform: translateY(-4px); } }
@media (max-width: 899px) { .hm-steps { padding: var(--sp-6) var(--sp-4); border-width: 7px; } .hm-steps li { margin-top: 0 !important; } }

/* Our Story board: no frame */
.hm-steps { border: 0; box-shadow: none; border-radius: var(--radius-xl); }

.hm-steps { background: none; padding-inline: 0; }