/* Miniature compositions shared by the CMS and public demo selector. */
.sf-template-art{--swatch:#537b37;display:block!important;position:relative;aspect-ratio:1.65;width:100%;height:auto!important;overflow:hidden;background:#f4f6ef;color:#26473a;container-type:inline-size}
.sf-art-dark{background:#14251f;color:#edf4e9}.sf-template-art[data-palette=ocean]{--swatch:#26748b}.sf-template-art[data-palette=plum]{--swatch:#866184}.sf-template-art[data-palette=clay]{--swatch:#946845}.sf-template-art[data-palette=cobalt]{--swatch:#234ce9}
.sf-art-top{position:absolute;top:6%;left:7%;right:7%;height:10%;display:flex;align-items:center;gap:5%;border-bottom:1px solid #96a49055;padding-bottom:4%}.sf-art-top i{width:7%;aspect-ratio:1;background:var(--swatch);border-radius:50%;margin-right:auto}.sf-art-top b{width:8%;height:2px;background:currentColor;opacity:.4}
.sf-art-copy{position:absolute;top:28%;left:7%;width:45%;display:grid;gap:5px;z-index:1}.sf-art-copy strong{font:400 clamp(8px,7cqw,26px)/1.05 Georgia,serif;letter-spacing:-.04em}.sf-art-copy i{height:2px;background:currentColor;opacity:.25;width:85%}.sf-art-copy i+i{width:65%}.sf-art-copy b{width:35%;height:7px;background:var(--swatch);margin-top:2px}
.sf-art-photo{position:absolute;top:27%;right:7%;width:38%!important;height:49%!important;object-fit:cover;border-radius:30% 30% 2px 2px}.sf-art-tiles{position:absolute;left:7%;right:7%;bottom:7%;height:10%;display:flex;gap:5%}.sf-art-tiles i{flex:1;background:var(--swatch);opacity:.22}
.sf-art-showcase .sf-art-photo{inset:22% 7% 7%;width:86%!important;height:71%!important;border-radius:2px;opacity:.5}.sf-art-showcase .sf-art-copy{top:37%;left:13%;width:65%}.sf-art-showcase .sf-art-tiles{display:none}.sf-art-simple .sf-art-copy{width:80%}.sf-art-simple .sf-art-tiles{display:grid;gap:3px}.sf-art-simple .sf-art-tiles i{height:2px}.sf-art-cards .sf-art-photo{border-radius:2px}
.sf-art-mosaic .sf-art-copy{top:24%;left:7%;width:53%;background:#dce6d2;border-radius:7px;padding:5%;color:#26473a}.sf-art-mosaic .sf-art-photo{top:24%;right:7%;width:29%!important;height:69%!important;border-radius:6px}.sf-art-mosaic .sf-art-tiles{right:40%;height:23%;gap:8%}.sf-art-mosaic .sf-art-tiles i{border-radius:5px;opacity:.35}.sf-art-mosaic .sf-art-tiles i:last-child{display:none}
.sf-art-lookbook .sf-art-copy{top:23%;left:7%;width:86%;text-align:center}.sf-art-lookbook .sf-art-copy strong{font-size:10cqw}.sf-art-lookbook .sf-art-copy i,.sf-art-lookbook .sf-art-copy b{display:none}.sf-art-lookbook .sf-art-photo{top:48%;left:7%;width:48%!important;height:44%!important;border-radius:0}.sf-art-lookbook .sf-art-tiles{top:55%;left:61%;width:32%;height:36%;display:grid;gap:10%}.sf-art-lookbook .sf-art-tiles i:last-child{display:none}.sf-art-lookbook .sf-art-tiles i:nth-child(2){width:75%;justify-self:end}
.sf-art-desk .sf-art-copy{top:29%;width:42%}.sf-art-desk .sf-art-copy strong{font-family:system-ui,sans-serif;font-weight:750;font-size:7cqw}.sf-art-desk .sf-art-photo{display:none}.sf-art-desk .sf-art-tiles{left:56%;top:25%;bottom:auto;height:65%;padding:6%;border:1px solid #cbd6c5;background:#fff;display:flex;flex-direction:column;gap:13%;border-radius:5px}.sf-art-desk .sf-art-tiles i{min-height:4px}.sf-art-desk .sf-art-tiles i:last-child{opacity:1}
.sf-art-exhibit .sf-art-top{left:0;top:0;bottom:0;right:auto;width:24%;height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:8% 5%;gap:12%;border-bottom:0;border-right:1px solid #96a49055}.sf-art-exhibit .sf-art-top i{width:55%;margin:0 0 20%}.sf-art-exhibit .sf-art-top b{width:75%}.sf-art-exhibit .sf-art-copy{top:13%;left:31%;width:62%}.sf-art-exhibit .sf-art-copy strong{font-size:9cqw}.sf-art-exhibit .sf-art-copy i,.sf-art-exhibit .sf-art-copy b{display:none}.sf-art-exhibit .sf-art-photo{top:44%;right:7%;width:62%!important;height:49%!important;border-radius:0}.sf-art-exhibit .sf-art-tiles{display:none}
.sf-art-poster{background:var(--swatch);color:white}.sf-art-poster .sf-art-top i,.sf-art-poster .sf-art-copy b{background:#d0ed94}.sf-art-poster .sf-art-copy{top:28%;width:72%}.sf-art-poster .sf-art-copy strong{font:850 15cqw/.9 system-ui,sans-serif;letter-spacing:-.07em}.sf-art-poster .sf-art-copy i,.sf-art-poster .sf-art-copy b{display:none}.sf-art-poster .sf-art-photo{top:58%;right:8%;width:22%!important;height:35%!important;border-radius:50%}.sf-art-poster .sf-art-tiles{width:45%;height:5%;bottom:13%}.sf-art-poster .sf-art-tiles i{background:white;opacity:.7}