/* Portfolio previews share the actual visual assets of each demonstration. */
.concept .concept-image span {color:#fff;text-shadow:0 2px 18px #0009;}
.concept:nth-child(3) .concept-image span {font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.04em;}
.demo .demo-screen {background-image:linear-gradient(90deg,#211b15a8,#211b1520),url('../../concepts/maison-silva/atelier.webp');background-position:center;background-size:cover;}
.showcase-card[data-slide="0"] .showcase-card-bg {background-image:linear-gradient(90deg,#211b1588,#211b1510),url('../../concepts/maison-silva/atelier.webp');background-position:center;}
.concept:nth-child(1) .concept-image {background-image:linear-gradient(0deg,#211b1566,transparent),url('../../concepts/maison-silva/atelier.webp');background-position:center;background-size:cover;}
.showcase-card[data-slide="0"] .showcase-card-ui b {font-family:Georgia,serif;font-style:normal;font-weight:400;}
.showcase-card[data-slide="0"] .v24-browser {background:#30261e;color:#eee2cc;}
.pp-hero-actions a span[aria-hidden="true"] {font-size:0;display:inline-block;width:11px;height:11px;border-top:1px solid currentColor;border-right:1px solid currentColor;position:relative;}
.pp-hero-actions a span[aria-hidden="true"]::after {content:"";position:absolute;top:4px;right:-1px;width:14px;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:center;}
.showcase-card[data-slide="1"] .showcase-card-bg {background-image:linear-gradient(90deg,#28150b80,#28150b15),url('../../concepts/sauge/salle.webp');background-position:center;}
.concept:nth-child(2) .concept-image {background-image:linear-gradient(0deg,#3f182359,transparent),url('../../concepts/sauge/salle.webp');background-position:center;background-size:cover;}
.showcase-card[data-slide="1"] .showcase-card-ui b {font-family:Georgia,serif;font-style:italic;font-weight:400;}
.showcase-card[data-slide="1"] .v24-browser {background:#45232d;color:#f5ecd9;}
.showcase-card[data-slide="2"] .showcase-card-bg {background-image:linear-gradient(90deg,#142bb999,#142bb911),url('../../concepts/clair/hero.svg');background-position:center;background-size:cover;}
.concept:nth-child(3) .concept-image {background-image:url('../../concepts/clair/hero.svg');background-position:center;background-size:cover;}
.showcase-card[data-slide="2"] .showcase-card-ui b {font-family:Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.05em;color:#f1ffad;}
.showcase-card[data-slide="2"] .v24-browser {background:#1029a4;color:#ebf4ff;}

/* Each preview now carries its own typographic identity, like its complete site. */
@font-face{font-family:SilvaPreview;src:url('../../concepts/maison-silva/archivo-narrow.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:SaugePreview;src:url('../../concepts/sauge/bodoni-moda.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:ClairPreview;src:url('../../concepts/clair/ibm-plex-sans.ttf') format('truetype');font-style:normal;font-weight:100 700;font-display:swap}
.showcase-card[data-slide="0"] .showcase-card-ui b,.concept:nth-child(1) .concept-image span,.demo .demo-screen h3{font-family:SilvaPreview,Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.025em}
.showcase-card[data-slide="0"] .v24-browser{background:#e8e5dd;color:#262a27}
.showcase-card[data-slide="1"] .showcase-card-bg,.concept:nth-child(2) .concept-image{background-image:linear-gradient(0deg,#2e1d2f88,#2e1d2f11),url('../../concepts/sauge/celeriac.webp');background-position:center}
.showcase-card[data-slide="1"] .showcase-card-ui b,.concept:nth-child(2) .concept-image span{font-family:SaugePreview,Georgia,serif;font-style:normal;font-weight:500;letter-spacing:0}
.showcase-card[data-slide="1"] .v24-browser{background:#302031;color:#f3eee2}
.showcase-card[data-slide="2"] .showcase-card-ui b,.concept:nth-child(3) .concept-image span{font-family:ClairPreview,Arial,sans-serif;font-style:normal;font-weight:500;color:#152c46;letter-spacing:-.04em}
.showcase-card[data-slide="2"] .v24-browser{background:#152c46;color:#f3f3ed}
.showcase-card[data-slide="2"] .showcase-card-bg {background-image:url('../../concepts/clair/hero.svg');background-position:center;background-size:cover}
.showcase-card[data-slide="2"] .showcase-card-ui{display:none}
.concept:nth-child(3) .concept-image span{background:#172638;color:#fff;font-size:16px;padding:8px 12px;text-shadow:none;align-self:end;justify-self:start}