/* The hero's entrance animation creates a stacking context. Keep its awards
   in front of the following photo (z-index: 1), including the overlapping edge. */
.breeze-15 .breeze-element.breeze-element-4b7e0e7 { --z-index: 2; }

/* Localized text replaces the original awards bitmap in translated templates. */
.breeze-15 .breeze-element-8880e86:has(.breeze-localized-metrics) { height: auto; min-height: 0; overflow: visible; }
.breeze-localized-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(8px,2vw,28px); color: #c29449; width: 100%; white-space: normal; }
.breeze-metric { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-width: 0; padding: 12px 18%; text-align: center; aspect-ratio: 5/3; box-sizing: border-box; }
.breeze-metric-laurel { position: absolute; inset: 0; width: 100%; height: 100%; fill: currentColor; pointer-events: none; }
.breeze .breeze-metric-caption { position: relative; font: 600 clamp(11px,1.05vw,16px)/1.4 "Noto Sans TC","Noto Sans JP",sans-serif; letter-spacing: 0; margin: 0 0 6px !important; width: 100%; max-width: none; white-space: normal; overflow-wrap: normal; word-break: normal; hyphens: none; }
.breeze .breeze-metric-value { position: relative; white-space: nowrap; font: 600 clamp(28px,4.7vw,68px)/1.12 Georgia,"Times New Roman",serif; letter-spacing: -.03em; margin: 0 !important; }
.breeze-metric-value span { font-size: .46em; letter-spacing: 0; }
.breeze-form .breeze-message-language { font-size: 13px; line-height: 1.6; letter-spacing: 0; color: #555; margin: 8px 0 0; width: 100%; }
@media(max-width:767px) {
  .breeze-localized-metrics { gap: 6px; align-items: stretch; }
  .breeze-metric { aspect-ratio: auto; justify-content: flex-start; padding: 0 0 12px; }
  .breeze .breeze-metric-caption { display: flex; align-items: center; justify-content: center; min-height: 62px; font-size: 10px; margin-bottom: 0 !important; }
  .breeze .breeze-metric-value { display: flex; align-items: center; justify-content: center; min-height: 66px; font-size: clamp(25px,7vw,48px); }
  .breeze-metric-laurel { top: auto; bottom: 0; height: 78px; }
}
/* The bitmap used a negative bottom margin; live text needs its full height. */
@media(min-width:768px) {
  .breeze-15 .breeze-element-8880e86:has(.breeze-localized-metrics) { margin-bottom: 16px; }
}
html[lang="en"] .breeze .breeze-metric-caption { hyphens: none; }