/* Selected moodboard refinement, isolated from the other design options. */
.sv-preview.sv-moodboard .sv-section{max-width:none;padding-inline:clamp(24px,3vw,64px)}
.sv-preview.sv-moodboard .sf-editorial-grid{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;column-gap:12px;row-gap:0;padding:6px 12px 24px;
    isolation:isolate;
}
.sv-preview.sv-moodboard .sf-editorial-folder{
    --tilt:-.6deg;--offset:0px;
    display:flex;flex-direction:column;min-width:0;padding-top:30px;
    margin:0;transform:translateY(var(--offset)) rotate(var(--tilt));
    transform-origin:50% 35%;z-index:calc(var(--folder-index) + 1);
    filter:drop-shadow(0 5px 7px #0000000c);
    transition:transform .22s ease,filter .22s ease;
}
.sv-preview.sv-moodboard .sf-editorial-folder:nth-child(n){margin:0}
.sv-preview.sv-moodboard .sf-editorial-folder:nth-child(3n+2){--tilt:0deg;--offset:14px;margin-left:0}
.sv-preview.sv-moodboard .sf-editorial-folder:nth-child(3n){--tilt:.6deg;--offset:0px;margin-left:0}
.sv-preview.sv-moodboard .sf-editorial-folder:nth-child(n+4){margin-top:-16px}
.sv-preview.sv-moodboard .sf-grid-tab{
    display:flex;align-items:center;gap:14px;top:0;left:0;height:34px;
    width:78%;min-width:0;max-width:300px;padding:0 24px 4px;
    clip-path:polygon(0 0,calc(100% - 26px) 0,100% 100%,0 100%);
    border-radius:10px 0 0;background:var(--folder-color);color:var(--folder-ink);
}
.sv-preview.sv-moodboard .sf-grid-tab span{font-size:10px;opacity:.8}
.sv-preview.sv-moodboard .sf-grid-tab b{font-size:11px;font-weight:600;line-height:1.3}
.sv-preview.sv-moodboard .sf-grid-body{
    flex:1;display:grid;grid-template-rows:auto auto auto auto;
    align-content:start;row-gap:14px;
    background:var(--folder-color);color:var(--folder-ink);
    border-radius:0 16px 16px 16px;padding:26px 24px 44px;
}
.sv-preview.sv-moodboard .sf-grid-heading{gap:18px;align-items:flex-start}
.sv-preview.sv-moodboard .sf-grid-heading :is(h2,h3){
    font:600 clamp(25px,1.9vw,32px)/1.15 var(--font-body);
    letter-spacing:-.7px;margin:0;max-width:365px;overflow-wrap:normal;
}
.sv-preview.sv-moodboard .sf-circle{
    display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;
    border-radius:50%;margin-top:1px;flex:none;overflow:hidden;
    transition:background .2s,color .2s,border-color .2s;
}
.sv-preview.sv-moodboard .sf-circle svg{width:17px;height:17px}
.sv-preview.sv-moodboard .sf-grid-body>p{
    font-size:13px;line-height:1.65;margin:0;max-width:420px;min-height:0;
    color:var(--folder-ink);opacity:1;
}
.sv-preview.sv-moodboard .sf-photo{
    height:auto;aspect-ratio:16/9;width:100%;transform:none;
    border:6px solid #fff;border-radius:5px;overflow:hidden;background:#fff;
    box-shadow:0 1px 5px #00000010;
}
.sv-preview.sv-moodboard .sf-photo img{
    display:block;width:100%;height:100%;object-fit:cover;transform:none;
    transition:transform .35s ease;
}
.sv-preview.sv-moodboard .sf-card-caption{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    font-size:11px;line-height:1.4;font-weight:600;
}
.sv-preview.sv-moodboard .sf-card-caption>span:last-child{font-size:8px;font-weight:500;letter-spacing:.08em;opacity:.8}
.sv-preview.sv-moodboard .sf-editorial-folder:focus-visible{
    z-index:calc(var(--folder-index) + 1);outline:3px solid #131313;outline-offset:6px;border-radius:12px;
    transform:translateY(calc(var(--offset) - 8px)) rotate(0deg);
}
@media(hover:hover) and (pointer:fine){
    .sv-preview.sv-moodboard .sf-editorial-folder:hover{
        transform:translateY(calc(var(--offset) - 8px)) rotate(0deg);
        z-index:calc(var(--folder-index) + 1);filter:drop-shadow(0 9px 10px #00000012);
    }
    .sv-preview.sv-moodboard .sf-editorial-folder:hover .sf-circle{background:#fff;border-color:#fff;color:#131313}
    .sv-preview.sv-moodboard .sf-editorial-folder:hover .sf-photo img{transform:scale(1.015)}
}
.sv-preview.sv-moodboard .sv-connected{margin-top:35px}
@media(min-width:1400px){
    .sv-preview.sv-moodboard .sf-grid-body{grid-template-rows:auto auto auto auto}
}
@media(min-width:701px) and (max-width:1099px){
    .sv-preview.sv-moodboard .sf-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sv-preview.sv-moodboard .sf-editorial-folder:nth-child(n){--tilt:-.6deg;--offset:0px;margin:0}
    .sv-preview.sv-moodboard .sf-editorial-folder:nth-child(even){--tilt:.6deg;--offset:14px}
    .sv-preview.sv-moodboard .sf-editorial-folder:nth-child(n+3){margin-top:-16px}
    .sv-preview.sv-moodboard .sf-editorial-grid{column-gap:16px;padding-inline:8px}
    .sv-preview.sv-moodboard .sf-grid-body{padding:24px 22px 52px;grid-template-rows:auto auto auto auto}
    .sv-preview.sv-moodboard .sf-grid-heading :is(h2,h3){font-size:25px}
    .sv-preview.sv-moodboard .sf-grid-tab{width:80%;padding-left:22px}
}
@media(max-width:700px){
    .sv-preview.sv-moodboard .sv-section{padding-inline:18px}
    .sv-preview.sv-moodboard .sf-editorial-grid{grid-template-columns:1fr;padding:0 0 8px;gap:0}
    .sv-preview.sv-moodboard .sf-editorial-folder,
    .sv-preview.sv-moodboard .sf-editorial-folder:nth-child(n){--tilt:0deg;--offset:0px;transform:none;margin-left:0;padding-top:28px}
    .sv-preview.sv-moodboard .sf-editorial-folder:nth-child(n+2){margin-top:-18px}
    .sv-preview.sv-moodboard .sf-grid-tab{height:32px;width:82%;padding-inline:22px;gap:12px}
    .sv-preview.sv-moodboard .sf-grid-body{grid-template-rows:auto auto auto auto;row-gap:16px;padding:24px 22px 48px;border-radius:0 14px 14px 14px}
    .sv-preview.sv-moodboard .sf-grid-heading :is(h2,h3){font-size:27px;letter-spacing:-.6px}
    .sv-preview.sv-moodboard .sf-grid-heading{gap:14px}
    .sv-preview.sv-moodboard .sf-circle{width:32px;height:32px}
    .sv-preview.sv-moodboard .sf-grid-body>p{font-size:13px;line-height:1.65}
    .sv-preview.sv-moodboard .sf-photo{height:auto;aspect-ratio:16/10;border-width:5px}
    .sv-preview.sv-moodboard .sf-card-caption{font-size:10px;gap:8px}
    .sv-preview.sv-moodboard .sf-card-caption>span:last-child{font-size:7px}
    .sv-preview.sv-moodboard .sv-connected{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){
    .sv-preview.sv-moodboard .sf-editorial-folder,.sv-preview.sv-moodboard .sf-circle,.sv-preview.sv-moodboard .sf-photo img{transition:none}
    .sv-preview.sv-moodboard .sf-editorial-folder:hover,.sv-preview.sv-moodboard .sf-editorial-folder:focus-visible{transform:translateY(var(--offset)) rotate(var(--tilt))}
    .sv-preview.sv-moodboard .sf-editorial-folder:hover .sf-photo img{transform:none}
}


/* Shared folder structure used by the homepage and the design previews. */
.sv-preview.sv-moodboard .sf-editorial-folder{position:relative;text-decoration:none}
.sv-preview.sv-moodboard .sf-grid-tab{position:absolute}
.sv-preview.sv-moodboard .sf-grid-heading{display:flex;justify-content:space-between}
.sv-preview.sv-moodboard .sf-photo{position:relative}
.sv-preview.sv-moodboard .sf-editorial-folder:first-child .sf-grid-body,
.sv-preview.sv-moodboard .sf-editorial-folder:first-child .sf-grid-tab,
.sv-preview.sv-moodboard .sf-editorial-folder:hover .sf-grid-body,
.sv-preview.sv-moodboard .sf-editorial-folder:hover .sf-grid-tab{background:var(--folder-color);color:var(--folder-ink)}
.sv-preview.sv-moodboard .sf-platforms{margin:0;min-height:32px}
.sv-preview.sv-moodboard .sf-platforms>span{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.sv-preview.sv-moodboard .sf-platforms>span>span{display:grid;place-items:center;width:32px;height:32px;background:#fff;border-radius:50%}
.sv-preview.sv-moodboard .sf-platforms svg,.sv-preview.sv-moodboard .sf-platforms img{display:block;width:18px;height:18px;object-fit:contain}