.card-examples{width:100%;min-width:0;color:var(--foreground);order:2;grid-area:2/1/auto/-1;scroll-margin-top:7rem}.card-examples__heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.card-examples__heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,2.8vw,2.25rem);font-weight:600;line-height:1.15}.card-examples__note{color:var(--muted-foreground);margin:.6rem 0 1.4rem;font-size:.8125rem;line-height:1.5}.card-examples__arrows{flex-shrink:0;gap:.375rem;display:flex}.card-examples__arrows button{border:1px solid var(--border);width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.card-examples__arrows button:disabled{opacity:.35;cursor:default}.card-examples__arrows button:not(:disabled):hover{background:color-mix(in srgb, var(--foreground) 6%, transparent)}.card-examples__arrows button:focus-visible,.card-examples__dots button:focus-visible,.card-examples__create:focus-visible{outline:2px solid var(--teal-ink);outline-offset:3px}.card-examples__viewport{margin:-5px;padding:5px;overflow:hidden}.card-examples__viewport:focus-visible{outline:2px solid var(--teal-ink);outline-offset:4px;border-radius:.5rem}.card-examples__track{touch-action:pan-y pinch-zoom;gap:1.125rem;display:flex}.card-examples__slide{flex:0 0 min(86%,23rem);min-width:0}.card-examples__portrait{aspect-ratio:3/4;border:1px solid color-mix(in srgb, var(--foreground) 15%, transparent);isolation:isolate;background:#46636a;border-radius:.875rem;width:100%;display:block;position:relative;overflow:hidden}.card-examples__photo{object-fit:cover;object-position:50% 18%;width:100%;height:100%;display:block}.card-examples__real-card{z-index:1;text-align:left;width:88%;position:absolute;bottom:4%;left:6%}.card-examples__portrait--yours{background:#e0ede8;border-style:dashed;border-color:#93bdb5}[data-theme=dark] .card-examples__portrait--yours{background:#123943;border-color:#477b7e}.card-examples__placeholder{color:#42776d;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:8% 0 49%}[data-theme=dark] .card-examples__placeholder{color:#b6d8d6}.card-examples__placeholder strong{letter-spacing:-.025em;font-size:1rem;font-weight:500}.card-examples__caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;margin:.9rem 0 0;font-size:.9375rem;line-height:1.45;display:flex}.card-examples__role{color:var(--muted-foreground);font-size:.8125rem}.card-examples__create{min-height:2rem;color:var(--teal-ink);align-items:center;gap:.2rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.card-examples__create:hover{text-underline-offset:3px;text-decoration:underline}.card-examples__dots{justify-content:center;margin-top:.75rem;display:flex}.card-examples__dots button{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.card-examples__dots span{background:var(--muted-foreground);opacity:.5;border-radius:50%;width:.45rem;height:.45rem;display:block}.card-examples__dots [aria-current=true] span{background:var(--teal-ink);opacity:1;border-radius:1rem;width:1.4rem}@media (width>=1024px){.card-examples__track{gap:1.5rem}.card-examples__slide{flex-basis:calc(33.3333% - 1rem)}}@media (width>=640px) and (width<=1023px){.card-examples__slide{flex-basis:calc(50% - .5625rem)}}@media (width<=360px){.card-examples__heading{flex-wrap:wrap;gap:.5rem}.card-examples__slide{flex-basis:94%}}