/* Scoped additions only: original Sinzel brand layout, navigation and cards remain. */
.demo-intro{max-width:820px;margin:20px 0 4px;color:#bfc6e5;font-size:14px;line-height:1.75}
.demo-intro strong{color:#fff;font-weight:650}
.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:23px 0 0}
.demo-search{appearance:none;min-height:43px;flex:1 1 250px;max-width:420px;border-radius:11px;background:#101831;border:1px solid #8176b660;color:#f4f0ff;font-size:13px;padding:11px 14px;outline:none}
.demo-search:focus{border-color:#bba9ff;box-shadow:0 0 0 3px #7566ba2b}
.demo-search::placeholder{color:#989fbd}
.demo-copy{appearance:none;border:1px solid #8779b866;color:#d9d0ff;background:transparent;border-radius:10px;padding:11px 14px;font:inherit;font-size:12px;font-weight:750;min-height:43px;cursor:pointer}
.demo-copy:hover{background:#9b8fe028;border-color:#c7bcff}
.demo-share-status{display:inline-block;min-height:18px;color:#cfbcff;font-size:12px}
.demo-copy-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.demo-empty{grid-column:1/-1;padding:40px;border-radius:14px;border:1px solid #8079ae65;background:#121933;color:#bfc4e0;text-align:center;font-size:14px}
.portfolio-grid .demo-card .card-media .concept-image-link{display:block;width:100%;height:100%}
.portfolio-grid .demo-card .card-media img{width:100%;height:100%;object-fit:cover;object-position:top center}
.portfolio-grid .demo-card .demo-image-fallback{display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;color:#f4eeff;font-size:22px;font-family:Georgia,serif}
.portfolio-grid .demo-card .card-label{text-transform:uppercase;line-height:1.7;letter-spacing:.08em}
.portfolio-grid .demo-card .card-media .preview-link{border-radius:21px;text-decoration:none}
@media(max-width:560px){.demo-controls{align-items:stretch}.demo-search{max-width:none;width:100%}.demo-copy-area{width:100%;justify-content:space-between}}

/* Emoji-safe portfolio action icons: consistent on desktop and mobile. */
.card-media .preview-link, .demo-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.sinzel-demo-arrow{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:middle;overflow:visible}