.litter-puppies{--avatar-size:200px;--avatar-hover:280px;background-color:var(--base-500);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:78svh;padding:3.5rem 1.25rem 3rem;display:flex;position:relative;overflow:hidden}.litter-puppies-avatars{width:max-content;max-width:100%;height:var(--avatar-hover);justify-content:center;align-items:center;display:flex}.litter-puppies-avatar{width:var(--avatar-size);height:var(--avatar-size);cursor:pointer;will-change:width, height;background:0 0;border:none;padding:5px;position:relative}.litter-puppies-avatar img{object-fit:cover;border-radius:.45rem;width:100%;height:100%;display:block}.litter-puppies-names{width:100%;height:calc(1.13*clamp(4.5rem,9vw,9rem));position:relative;overflow:hidden}.litter-puppies-name{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.litter-puppies-name h1{white-space:nowrap;text-align:center;color:var(--base-100);font-size:clamp(4.5rem,9vw,9rem);line-height:1.08}.litter-puppies-name h1 .letter{will-change:transform;display:inline-block;transform:translateY(170%)}.litter-puppies-name--default h1 .letter{transform:translateY(5%)}.litter-puppies-detail{text-align:center;width:min(52rem,94%);min-height:0;color:var(--base-100);opacity:.55;flex-direction:column;align-items:center;gap:.75rem;transition:opacity .35s;display:flex}.litter-puppies-detail.is-visible{opacity:1}.litter-puppies-detail-name{color:var(--base-100);margin:0;font-size:clamp(3rem,12vw,4.5rem);line-height:.9;display:none}.litter-puppies-detail-meta{color:var(--base-300);font-size:.95rem}.litter-puppies-detail-copy{white-space:normal;max-width:50rem;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.35}.litter-puppies-detail-hint{opacity:.7;font-size:clamp(1.05rem,1.6vw,1.25rem)}.litter-puppies-traits{flex-wrap:wrap;justify-content:center;gap:.55rem 1.1rem;margin:0;padding:0;list-style:none;display:flex}.litter-puppies-traits li{text-transform:uppercase;color:var(--base-200);font-family:DMMono,monospace;font-size:.9rem}@media (min-width:1000px) and (max-width:1399px){.litter-puppies{--avatar-size:148px;--avatar-hover:188px;justify-content:center;gap:.15rem;padding:1.5rem 1rem}.litter-puppies-avatars{height:var(--avatar-hover)}.litter-puppies-name h1{font-size:clamp(3.15rem,6.2vw,5.4rem);line-height:1.08;transform:translateY(.3em)}.litter-puppies-names{height:calc(1.42*clamp(3.15rem,6.2vw,5.4rem));overflow:hidden}.litter-puppies-detail{gap:.35rem;width:min(48rem,94%);margin-top:-.35rem}.litter-puppies-detail-copy{max-width:46rem;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.3}.litter-puppies-detail-hint{font-size:clamp(1rem,1.3vw,1.1rem)}}@media (max-width:999px){.litter-puppies{--avatar-size:100%;--avatar-hover:100%;flex-direction:column-reverse;justify-content:flex-end;gap:1.1rem;min-height:72svh;padding:3.25rem .85rem 2.5rem}.litter-puppies-avatars{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:.45rem;width:min(100%,23rem);max-width:100%;height:auto;display:grid}.litter-puppies-avatar{aspect-ratio:1;width:100%;height:auto;padding:3px;transition:opacity .35s,transform .35s}.litter-puppies-avatar.is-active{opacity:1;transform:scale(1.025)}.litter-puppies-avatar.is-sold,.litter-puppies-avatar.is-sold:hover,.litter-puppies-avatar.is-sold.is-active{opacity:.78;transform:none}.litter-puppies-names{height:2.565rem}.litter-puppies-name{display:none}.litter-puppies-name--default{display:flex}.litter-puppies.has-active .litter-puppies-name--default{display:none}.litter-puppies-name--default h1{font-size:2.85rem}.litter-puppies-name--default h1 .letter{transform:translateY(5%)!important}.litter-puppies-detail{opacity:1;gap:.65rem;min-height:0}.litter-puppies-detail-name{font-size:clamp(2.35rem,11vw,3.75rem);display:block}.litter-puppies-detail-copy{font-size:1.15rem}.litter-puppies-detail-hint{display:none}.litter-puppies-traits li{font-size:.8rem}}@media (max-width:480px){.litter-puppies{padding:2.5rem .65rem 2rem}.litter-puppies-avatars{gap:.4rem;width:min(100%,20.5rem)}.litter-puppies-detail-name{font-size:clamp(2.1rem,12vw,3rem)}.litter-puppies-detail-copy{font-size:1.05rem}}