/* Contemporary, occasion-specific invitation previews and editor artwork. */
.design-thumb.modern-thumb{height:220px;border:0;border-radius:16px;padding:0;background:var(--paper);isolation:isolate;box-shadow:inset 0 0 0 1px #17243a0a;transition:transform .25s,filter .25s}
.design-card:hover .modern-thumb{filter:saturate(1.12)}
.modern-thumb:before,.modern-thumb:after{content:none}
.thumb-shape{position:absolute;display:block;pointer-events:none}
.thumb-kicker{position:absolute;z-index:3;top:17px;right:18px;padding:4px 10px;border-radius:20px;background:#ffffffb8;color:var(--ink2);font:600 10px var(--arabic);backdrop-filter:blur(8px)}
.thumb-art{position:absolute;z-index:2;top:43px;left:50%;transform:translateX(-50%);width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:#fff8;color:var(--accent);font:500 39px var(--arabic);box-shadow:0 8px 22px #17243a12}
.thumb-copy{position:absolute;z-index:3;right:13px;left:13px;bottom:38px;text-align:center;color:var(--ink2);font-family:var(--arabic)}
.thumb-copy small{font-size:10px;opacity:.72;margin:0 0 2px}
.thumb-copy strong{font:700 19px var(--arabic);margin:3px 0;letter-spacing:-.2px}
.thumb-copy span{font-size:11px;opacity:.74}
.thumb-footer{position:absolute;z-index:3;bottom:12px;right:18px;color:var(--ink2);font-size:9px;opacity:.57}
.layout-0{background:linear-gradient(180deg,var(--dark) 0 39%,var(--paper) 39% 100%)!important}
.layout-0 .thumb-kicker{background:#ffffff22;color:#fff}
.layout-0 .thumb-art{top:27px;width:61px;height:61px;border-radius:50%;background:#ffffff20;color:#fff;box-shadow:none}
.layout-0 .thumb-copy{bottom:38px}
.layout-1{background:radial-gradient(circle at 50% 28%,var(--soft) 0 30%,var(--paper) 30.5%)!important}
.layout-1 .thumb-art{top:24px;width:80px;height:80px;border-radius:50%;background:var(--accent);color:#fff}
.layout-1 .thumb-shape.shape-a{width:14px;height:14px;border-radius:50%;background:var(--accent);top:54px;left:18%}
.layout-1 .thumb-shape.shape-b{width:9px;height:9px;border-radius:50%;background:var(--dark);top:92px;right:18%}
.layout-2{background:var(--dark)!important}
.layout-2:before{content:'';display:block;position:absolute;inset:10px 15px;background:var(--paper);border-radius:22px;z-index:0}
.layout-2 .thumb-kicker{top:21px;right:24px;background:var(--soft)}
.layout-2 .thumb-art{top:45px;background:var(--soft);box-shadow:none;border-radius:18px}
.layout-2 .thumb-copy{bottom:38px}
.layout-3{background:var(--paper)!important}
.layout-3:before{content:'';display:block;position:absolute;right:0;top:0;bottom:0;width:17px;background:var(--accent);z-index:0}
.layout-3 .thumb-kicker{right:30px;top:19px;background:transparent;color:var(--accent);padding:0}
.layout-3 .thumb-art{left:auto;right:35px;top:58px;transform:none;width:62px;height:62px;border-radius:18px;background:var(--soft);box-shadow:none}
.layout-3 .thumb-copy{right:28px;left:22px;bottom:42px;text-align:right}
.layout-3 .thumb-footer{right:29px}
.layout-4{background:linear-gradient(145deg,var(--soft) 0 46%,var(--paper) 46%)!important}
.layout-4 .thumb-art{top:24px;left:23%;transform:none;background:var(--dark);color:#fff;border-radius:22px 22px 22px 7px;box-shadow:none}
.layout-4 .thumb-shape.shape-a{width:118px;height:118px;right:-24px;top:-30px;border:1px solid var(--accent);border-radius:50%;opacity:.45}
.layout-4 .thumb-shape.shape-b{width:70px;height:70px;right:10px;top:6px;border:1px solid var(--accent);border-radius:50%;opacity:.35}
.cat-wedding.layout-0 .thumb-art,.cat-engagement.layout-0 .thumb-art{border-radius:23px 23px 23px 7px}
.cat-graduation.layout-1 .thumb-art{border-radius:18px 18px 6px 18px}
.cat-birthday.layout-0 .thumb-art{background:var(--accent);color:white;border-radius:20px}
.cat-opening.layout-3 .thumb-art{border-radius:14px}
.cat-newborn.layout-1 .thumb-art{border-radius:50% 50% 48% 16%;transform:translateX(-50%) rotate(-8deg)}
.cat-circumcision.layout-4 .thumb-art{border-radius:50%;}
.design-meta{padding:12px 5px 4px}
.design-meta b{font-weight:600}
/* Modernize the landing-page sample so it matches the new invitation direction. */
.hero-invite{width:min(350px,75vw);height:430px;border:0;border-radius:26px;background:linear-gradient(155deg,#fff 0 63%,#fff5f0 63%);padding:43px 28px;box-shadow:0 25px 60px #8a704422,0 0 0 1px #eadfe1;outline:0;transform:rotate(2deg);color:#382a36}
.hero-invite:before,.hero-invite:after{content:none}
.art-sprig,.art-corner{display:none}
.art-overline{font-family:var(--arabic);font-size:12px;background:#f8e6e8;color:#9a5968;padding:7px 13px;border-radius:22px}
.art-rule{font-family:var(--arabic);color:#d78596;font-size:17px;margin:12px 0}
.art-small{font-family:var(--arabic);font-size:12px;color:#856b76}
.hero-invite strong{font-family:var(--arabic);font-size:18px;font-weight:600;color:#9a5968;margin-top:20px;background:#f9edf0;padding:5px 14px;border-radius:20px}
.art-names{font-family:var(--arabic);font-weight:700;font-size:34px;color:#382a36;margin:11px 0 19px}
.art-names b{font-family:var(--arabic);font-size:18px;color:#d78596;font-weight:500}
.art-details{font-family:var(--arabic);gap:8px;font-size:12px;color:#554955}
@media(max-width:680px){.design-thumb.modern-thumb{height:170px}.thumb-art{top:34px;width:58px;height:58px;font-size:31px}.layout-0 .thumb-art{top:21px;width:50px;height:50px}.layout-2 .thumb-art{top:34px}.layout-3 .thumb-art{top:42px;width:52px;height:52px}.thumb-copy strong{font-size:16px}.thumb-copy{bottom:31px}.thumb-footer{bottom:9px;font-size:8px}}