.demo-notice { background: #fff0d8; border-bottom: 1px solid #e9c998; color: #614013; }
.demo-notice__inner { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-block: 15px; font-size: .85rem; }
.demo-notice__inner > div { display: flex; flex-direction: column; gap: 3px; }
.demo-notice strong { font-size: .9rem; }
.demo-notice a { text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center; gap: 12px; }
.highlight-card__image { position: relative; overflow: hidden; }
.demo-card-badge { position: absolute; top: 13px; left: 13px; z-index: 1; background: #fff0d8; color: #614013; border-radius: 20px; padding: 4px 10px; font-size: .7rem; font-weight: 650; }
.demo-crop { padding: 0; }
.demo-crop img { position: absolute; width: 200%; height: 200%; max-width: none; object-fit: fill; }
.demo-crop--top-left img { left: 0; top: 0; }
.demo-crop--top-right img { left: -100%; top: 0; }
.demo-crop--bottom-left img { left: 0; top: -100%; }
.demo-crop--bottom-right img { left: -100%; top: -100%; }
@media (max-width: 760px) { .demo-notice__inner { flex-direction: column; align-items: start; gap: 6px; } }