.favs-container{width:100%;max-width:var(--max-width-xl,75rem);padding-inline:var(--space-container,clamp(1.25rem,4vw,2.5rem));margin-inline:auto}.favs-hero{background:linear-gradient(to bottom,var(--beige-bg,#f0ede7)0%,var(--neutral-bg,#faf7f2)100%);padding-block:clamp(4rem,10vw,7rem)}.favs-hero-inner{text-align:center;max-width:48rem;margin-inline:auto}.favs-hero-label{color:var(--terracotta,#b05931);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;font-size:.6875rem;font-weight:700}.favs-hero-title{font-family:var(--font-heading);font-size:var(--text-5xl,clamp(2.5rem,2rem + 2.5vw,3.5rem));font-weight:800;line-height:var(--leading-tight,1.2);letter-spacing:var(--tracking-tight,-.02em);color:var(--text-dark,#2d2d2d);margin-bottom:1.5rem}.favs-hero-desc{color:var(--text-muted,#6b6b6b);font-size:var(--text-base,1rem);line-height:var(--leading-relaxed,1.65);max-width:40rem;margin-inline:auto}@media (min-width:768px){.favs-hero-desc{font-size:var(--text-lg,1.125rem)}}.favs-filter{background-color:var(--white,#fff);border-top:1px solid var(--border-beige,#e8ded0);border-bottom:1px solid var(--border-beige,#e8ded0);z-index:40;padding-block:clamp(.75rem,1.5vw,1rem);position:sticky;top:clamp(3.5rem,3rem + 2vw,4.5rem)}.favs-filter-inner{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.favs-filter-btn{font-size:var(--text-sm,.875rem);cursor:pointer;transition:all var(--duration-fast,.15s)var(--ease-default,ease);background-color:var(--beige-bg,#f0ede7);color:var(--text-muted,#6b6b6b);border:1px solid #0000;border-radius:9999px;padding:.5rem 1rem;font-weight:500}.favs-filter-btn:hover{background-color:var(--border-beige,#e8ded0);color:var(--text-dark,#2d2d2d)}.favs-filter-btn--active{background-color:var(--earth,#5c6b4a);color:var(--white,#fff);border-color:var(--earth,#5c6b4a)}.favs-filter-btn--active:hover{background-color:var(--earth-dark,#4a5638)}.favs-grid-section{background-color:var(--neutral-bg,#faf7f2);padding-block:clamp(3rem,6vw,5rem)}.favs-grid{grid-template-columns:1fr;gap:clamp(1.25rem,2.5vw,1.5rem);display:grid}@media (min-width:768px){.favs-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2rem)}}@media (min-width:1024px){.favs-grid{grid-template-columns:repeat(3,1fr)}}.fav-card{background-color:var(--white,#fff);border-radius:var(--radius-xl,1.5rem);border:1px solid var(--border-beige,#e8ded0);flex-direction:column;padding:clamp(1.5rem,3vw,2rem);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s;display:flex}.fav-card:hover{border-color:var(--earth-light,#8b9b7a);transform:translateY(-6px);box-shadow:0 20px 40px -12px #5c6b4a26}.fav-card-icon{border-radius:var(--radius-lg,1rem);background-color:var(--beige-bg,#f0ede7);justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:clamp(1rem,2vw,1.25rem);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:flex}.fav-card:hover .fav-card-icon{background-color:var(--earth-light,#8b9b7a);transform:scale(1.1)rotate(-3deg)}.fav-card-icon svg{width:1.75rem;height:1.75rem;color:var(--terracotta,#b05931);transition:color .2s}.fav-card:hover .fav-card-icon svg{color:var(--white,#fff)}.fav-card-badge{background-color:var(--border-beige,#e8ded0);color:var(--earth,#5c6b4a);text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-self:flex-start;margin-bottom:.75rem;padding:.25rem .625rem;font-size:.625rem;font-weight:700;display:inline-block}.fav-card-title{font-size:var(--text-lg,1.125rem);color:var(--text-dark,#2d2d2d);font-weight:700;line-height:var(--leading-tight,1.2);margin-bottom:.5rem;transition:color .2s}.fav-card:hover .fav-card-title{color:var(--earth,#5c6b4a)}.fav-card-desc{font-size:var(--text-sm,.875rem);color:var(--text-muted,#6b6b6b);line-height:var(--leading-relaxed,1.65);flex:1;margin-bottom:clamp(1rem,2vw,1.25rem)}.fav-card-link{font-size:var(--text-sm,.875rem);color:var(--terracotta,#b05931);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.fav-card:hover .fav-card-link{color:var(--terracotta-dark,#923c29);gap:.75rem}.fav-card-link svg{width:1rem;height:1rem}