:root{--ink:#090613;--pink:#ff4fd8}*{box-sizing:border-box}body{margin:0;background:#f7f2ef;color:var(--ink);font-family:'DM Sans',sans-serif}header{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.logo span{border:1px solid #ffffff55;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-family:Italiana}nav{display:flex;gap:30px}nav a{color:#ddd4df;text-decoration:none;text-transform:uppercase;font-size:.66rem;letter-spacing:.13em}.looks-hero{padding:110px 8vw 80px;background:radial-gradient(circle at 80% 20%,#8f347c55,transparent 32%),var(--ink);color:#fff}.looks-hero p{color:#f1a3e6;letter-spacing:.28em;font-size:.65rem}.looks-hero h1{font:400 clamp(4.5rem,9vw,8.5rem)/.82 Italiana;margin:25px 0}.looks-hero h1 em{color:#d7b4ff}.looks-hero span{color:#bdb3c4}.filters{padding:45px 8vw 20px;display:flex;gap:10px;flex-wrap:wrap}.filters button{border:1px solid #bdb2bf;border-radius:50px;background:transparent;padding:10px 18px;cursor:pointer}.filters button.active{background:var(--ink);color:#fff}.looks-grid{padding:25px 8vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.look{position:relative;background:#fff}.look img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.look div{padding:20px}.look small{color:#a03c92;text-transform:uppercase;letter-spacing:.2em}.look h2{font:400 2rem Italiana;margin:8px 0}.look p{color:#716a74;line-height:1.55}.empty{grid-column:1/-1;text-align:center;padding:80px;color:#776e7d}footer{padding:45px;text-align:center;background:var(--ink);color:#d8b4ec;letter-spacing:.25em;font-size:.65rem}@media(max-width:750px){header nav{display:none}.looks-grid{grid-template-columns:1fr}.looks-hero{padding-top:80px}.looks-hero h1{font-size:4rem}}