@layer components{.residents-hero{padding:clamp(4rem,9vw,8rem) 0 3rem}.residents-hero h1{letter-spacing:-.055em;font-size:clamp(3.5rem,9vw,7.5rem)}.residents-hero>p:last-child{max-width:42rem;color:var(--ink-muted);margin-top:1rem;font-size:1.05rem}.residents-room{padding-bottom:var(--space-6)}.resident-filters{z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--milk-paper) 94%, transparent);backdrop-filter:blur(14px);border-radius:.8rem 1.8rem;grid-template-columns:2fr repeat(3,1fr) auto;align-items:end;gap:.75rem;padding:1rem;display:grid;position:sticky;top:76px;box-shadow:0 12px 40px #4b353212}.resident-filters[hidden],.filter-toggle{display:none}.resident-filters label:not(.favorites-toggle){color:var(--ink-muted);gap:.3rem;font-size:.72rem;font-weight:700;display:grid}.resident-filters input,.resident-filters select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--teddy-cocoa);background:#fff;border-radius:.65rem;padding:.65rem .75rem}.favorites-toggle{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.45rem;min-height:46px;padding:.5rem .75rem;font-size:.8rem;font-weight:700;display:flex}.favorites-toggle input{width:1rem;min-height:auto}.filter-status{min-height:54px;color:var(--ink-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.filter-status button{min-height:44px;color:var(--house-raspberry);cursor:pointer;background:0 0;border:0;text-decoration:underline}.residents-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);display:grid}.resident-card{min-width:0;padding-bottom:1rem}.resident-card[hidden]{display:none}.resident-card__portrait{aspect-ratio:.86;background:var(--warm-oat);position:relative;overflow:hidden}.resident-card--arch .resident-card__portrait{border-radius:48% 48% .8rem .8rem}.resident-card--hug .resident-card__portrait{border-radius:2.2rem .7rem;margin:.7rem .7rem 0}.resident-card--keepsake .resident-card__portrait{outline:1px dashed var(--ribbon-gold);outline-offset:-.65rem;border-radius:.4rem;margin:.7rem .7rem 0}.resident-card__portrait>a{height:100%;display:block}.resident-card__portrait img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-hug)}.resident-card:hover img{transform:scale(1.035)}.fabric-label{z-index:5;background:var(--milk-paper);color:var(--night-berry);border-radius:.25rem .75rem;padding:.4rem .7rem;font-size:.7rem;font-weight:800;position:absolute;top:.8rem;left:.8rem;box-shadow:0 5px 18px #4b35321f}.fabric-label--waiting{background:var(--night-berry);color:#fff}.favorite-button{z-index:5;border:1px solid var(--line);width:46px;height:46px;color:var(--teddy-cocoa);cursor:pointer;background:#fff9f2eb;border-radius:50%;place-items:center;display:grid;position:absolute;top:.65rem;right:.65rem}.favorite-button[aria-pressed=true]{background:var(--house-raspberry);color:#fff}.resident-card__body{justify-content:space-between;align-items:start;gap:1rem;padding:1rem .2rem .6rem;display:flex}.resident-card__body h2{overflow-wrap:anywhere;font-size:clamp(1.25rem,2.2vw,1.75rem)}.resident-card__body h2 a{text-decoration:none}.resident-card__body span{color:var(--ink-muted);font-size:.78rem}.motion-feature{border:1px dashed var(--ribbon-gold);width:max-content;max-width:100%;color:var(--house-raspberry);border-radius:.3rem .7rem;margin-top:.4rem;padding:.3rem .5rem;font-size:.64rem;font-weight:800;display:block}.resident-card__body>strong{color:var(--house-raspberry);flex:none;font-size:.9rem}.resident-card__action{width:calc(100% - .4rem);margin-left:.2rem}}@media (width<=900px){.resident-filters,.residents-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.filter-toggle{z-index:21;border:1px solid var(--line);background:color-mix(in srgb, var(--milk-paper) 96%, transparent);width:100%;min-height:50px;color:var(--teddy-cocoa);box-shadow:var(--shadow-soft);font:inherit;border-radius:.7rem 1.3rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;font-weight:800;display:flex;position:sticky;top:64px}.filter-toggle small{color:var(--house-raspberry);font-size:.7rem}.resident-filters{grid-template-columns:1fr 1fr;top:64px}.search-field{grid-column:1/-1}.favorites-toggle{justify-content:center}.residents-grid{gap:1rem .7rem}.resident-card__body{display:block}.resident-card__body>strong{margin-top:.25rem;display:block}.resident-card__action{font-size:.82rem}}