.site-header{padding:4rem 0 3rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.site-eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem}.site-title{font-family:var(--font-display);font-size:4rem;text-transform:uppercase;font-weight:500;line-height:.95;letter-spacing:-.02em;color:var(--accent)}.header-right{padding-bottom:.3rem}.site-note{background-color:var(--accent);padding:.5rem 1rem;border-radius:.25rem;font-size:1rem;color:#fff;text-align:right;line-height:1.5}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:5rem;align-items:center}.filters-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-right:.25rem}.filter-btn{font-family:var(--font-body);font-size:.72rem;font-weight:400;letter-spacing:.06em;padding:.4rem 1.1rem;border-radius:100px;border:1px solid var(--border-mid);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .18s ease}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:5rem;margin-bottom:3rem;padding:20px}.card{display:flex;flex-direction:column;background-color:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);min-height:500px;transition:transform .22s ease,box-shadow .22s ease}.card-image-container{position:relative}.card-image-container .main-image{aspect-ratio:3/2;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;border-top-left-radius:.9rem;border-top-right-radius:.9rem;box-shadow:0 -2px 3px #0003}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:4rem;font-weight:300;color:var(--border-mid)}.div-blank_1,.image-blank_2{position:absolute;z-index:-1;border-radius:.5rem;box-shadow:1px 2px 3px #00000082}.div-blank_1{width:80%;height:80%;top:-10px;left:-15px;transform:rotate(-6deg)}.image-blank_2 img{display:none}.image-blank_2{width:90%;height:90%;top:0;right:-5px;transform:rotate(9deg);display:flex;justify-content:center;align-items:center}.card:hover{.div-blank_1,.image-blank_2{z-index:1;background-color:transparent!important;box-shadow:none!important}.div-blank_1{animation:div-blank_1-peek .9s ease forwards}.image-blank_2{animation:image-blank_2-peek 1s ease forwards}.icon1{z-index:1;transform:scale(.25) translate(600px) translateY(120px) rotate(10deg);filter:none}}.card:hover .image-blank_2 img{display:block;object-fit:cover}@keyframes div-blank_1-peek{0%{transform:translate(-1px);z-index:-1}50%{transform:translate(-15px);z-index:1}to{transform:translate(0) rotate(-6deg);z-index:2}}@keyframes image-blank_2-peek{0%{transform:translate(1px);z-index:-1}50%{transform:translate(15px) rotate(9deg);z-index:1}to{transform:translate(0) rotate(9deg);z-index:3}}.icon1{position:absolute;transform:scale(.4) translate(300px) translateY(200px) rotate(10deg);z-index:-1;filter:blur(4px)}.card[data-color=blush]{&:hover{box-shadow:0 5px 5px rgb(from var(--blush-mid) r g b / .9);border:2px solid var(--blush-mid)}.card-name{color:var(--blush-mid)}.card-footer{background:var(--blush)}.div-blank_1,.image-blank_2{background-color:var(--blush)}}.card[data-color=sage]{&:hover{box-shadow:0 5px 5px rgb(from var(--sage-mid) r g b / .9);border:2px solid var(--sage-mid)}.card-name{color:var(--sage-mid)}.card-footer{background:var(--sage)}.div-blank_1,.image-blank_2{background-color:var(--sage)}}.card[data-color=sky]{&:hover{box-shadow:0 5px 5px rgb(from var(--sky-mid) r g b / .9);border:2px solid var(--sky-mid)}.card-name{color:var(--sky-mid)}.card-footer{background:var(--sky)}.div-blank_1,.image-blank_2{background-color:var(--sky)}}.card[data-color=lavender]{&:hover{box-shadow:0 5px 5px rgb(from var(--lavender-mid) r g b / .9);border:2px solid var(--lavender-mid)}.card-name{color:var(--lavender-mid)}.card-footer{background:var(--lavender)}.div-blank_1,.image-blank_2{background-color:var(--lavender)}}.card[data-color=cream]{&:hover{box-shadow:0 5px 5px rgb(from var(--cream-mid) r g b / .9);border:2px solid var(--cream-mid)}.card-name{color:var(--cream-dark)}.card-footer{background:var(--cream)}.div-blank_1,.image-blank_2{background-color:var(--cream)}}.card[data-color=butter]{&:hover{box-shadow:0 5px 5px rgb(from var(--butter-mid) r g b / .9);border:2px solid var(--butter-mid)}.card-name{color:var(--butter-mid)}.card-footer{background:var(--butter)}.div-blank_1,.image-blank_2{background-color:var(--butter)}}.card-body{padding:1.4rem 1.5rem 1rem;flex:1;display:flex;flex-direction:column;gap:.6rem}.card-tags{display:flex;gap:.4rem;flex-wrap:wrap;padding-bottom:.8rem}.card-name{text-transform:uppercase;font-family:var(--font-display);font-size:1.2rem;font-weight:300;line-height:1.15;letter-spacing:-.01em;color:var(--text-primary)}.card-tagline{font-size:.82rem;color:var(--text-muted);line-height:1.55}.card-footer{display:flex;padding:1rem 1.5rem 1.4rem;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:auto;border-bottom-left-radius:.9rem;border-bottom-right-radius:.9rem}.card-file-label{font-size:.72rem;color:var(--text-muted);letter-spacing:.03em}.card-cta{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:.3rem;transition:gap .18s ease}.card:hover .card-cta{gap:.6rem}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0 3rem;font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}@media(max-width:600px){.site-header{flex-direction:column;align-items:flex-start;gap:1rem}.site-note{text-align:left}}