/* WJAZ99: current SHAQUL preview, scoped to its cards and gallery introduction. */
.live-demo-v99{--live-navy:#071b2d;--live-ivory:#f4eade;margin:0;min-width:0;background:var(--live-navy);border:1px solid #1a3449;border-radius:20px;overflow:hidden;box-shadow:0 18px 42px #37281710}
.live-demo-v99 .live-demo-link-v99{position:relative;display:block;background:#f8f6f1;overflow:hidden}
.live-demo-v99 .live-demo-link-v99 img{display:block;width:100%;height:auto;transition:transform .3s ease}
.live-demo-v99 .live-demo-link-v99:hover img{transform:scale(1.012)}
.live-demo-v99 .live-demo-cta-v99{position:absolute;inset-inline-end:16px;bottom:15px;display:inline-flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:10px 17px;background:var(--live-navy);color:#fff;border:1px solid #ffffff40;border-radius:9px;font-size:13px;font-weight:600;line-height:1.8;box-shadow:0 5px 15px #0002}
.live-demo-v99 .live-demo-cta-v99>span{font:20px 'Manrope',sans-serif}
.live-demo-v99 .live-demo-link-v99:focus-visible{outline:3px solid #c78d5c;outline-offset:-4px}
.live-demo-v99 figcaption,.website-v98 .live-demo-v99 figcaption{display:grid;gap:5px;padding:17px 21px;background:var(--live-navy);color:var(--live-ivory);font-size:13px;line-height:1.9}
.live-demo-v99 figcaption strong,.website-v98 .live-demo-v99 figcaption strong{color:#fff;font-size:14px;font-weight:600}
.website-v98 .ws-demo.live-demo-v99{width:80%;max-width:592px;margin-inline:auto;background:var(--live-navy);border-color:#1a3449}
.pg-live-v99{padding:12px 0 36px}
.pg-live-v99 .pg-live-grid-v99{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:30px}
.pg-live-v99 .pg-live-copy-v99{max-width:530px}
.pg-live-v99 .pg-eyebrow{color:#a05c32;letter-spacing:0;font-size:12px;font-weight:600}
.pg-live-v99 h2{font-size:clamp(25px,2.1vw,33px);line-height:1.7;font-weight:600;margin:12px 0 18px;max-width:27ch}
html[lang="en"] .pg-live-v99 h2{line-height:1.25}
.pg-live-v99 .pg-live-copy-v99>p{font-size:15px;line-height:2;color:#555d62;margin:0 0 13px}
.pg-live-v99 .pg-live-copy-v99>.pg-live-note-v99{font-size:13px;color:#69635c}
.pg-live-v99 .pg-live-more-v99{display:inline-flex;align-items:center;gap:16px;color:#9b552e;font-size:13px;padding:12px 0;text-decoration:underline;text-underline-offset:5px}
.pg-live-v99 .live-demo-v99{width:100%;max-width:560px;justify-self:center}
.portfolio-page #website-boards{scroll-margin-top:100px}
@media(max-width:780px){.pg-live-v99{padding-block:4px 22px}.pg-live-v99 .pg-live-grid-v99{grid-template-columns:1fr;gap:24px;padding-block:24px}.pg-live-v99 .pg-live-copy-v99{max-width:100%}.pg-live-v99 h2{font-size:25px}.pg-live-v99 .pg-live-copy-v99>p{font-size:14px}}
@media(max-width:600px){.live-demo-v99 figcaption,.website-v98 .live-demo-v99 figcaption{padding:14px 16px;font-size:12px}.live-demo-v99 figcaption strong,.website-v98 .live-demo-v99 figcaption strong{font-size:13px}.live-demo-v99 .live-demo-cta-v99{inset-inline-end:10px;bottom:10px;font-size:11px;padding:7px 11px;gap:8px}}
@media(prefers-reduced-motion:reduce){.live-demo-v99 .live-demo-link-v99 img{transition:none}}