@import"https://fonts.googleapis.com/css?family=Quattrocento+Sans";.lookbook{padding-top:80px;background:#000}.lookbook-hero{height:60vh;background:#000;display:flex;align-items:center;text-align:center;position:relative;margin-bottom:60px}.lookbook-hero .container{position:relative;z-index:2}.lookbook-hero h1{font-size:72px;margin-bottom:20px;letter-spacing:5px}.lookbook-hero p{font-size:20px;opacity:.8;max-width:600px;margin:0 auto}.lookbook-filters{padding:20px 0;position:sticky;top:80px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;border-bottom:1px solid #222}.lookbook-filters .container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.filter-btn{background:transparent;color:#fff;border:1px solid #333;padding:8px 20px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-size:12px;letter-spacing:1px;border-radius:0}.filter-btn:hover,.filter-btn.active{background:#fff;color:#000;border-color:#fff}.lookbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:50px 0;transition:opacity .3s ease,min-height .3s ease;position:relative}.lookbook-container{min-height:200px}.lookbook-item{position:relative;overflow:hidden;aspect-ratio:2/3;transition:opacity .5s ease,transform .5s ease;animation:showBlock .3s linear forwards}.lookbook-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.lookbook-item:hover img{transform:scale(1.03)}.lookbook-info{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;opacity:0;transition:opacity .3s ease}.lookbook-item:hover .lookbook-info{opacity:1}.collection-tag{display:inline-block;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;color:#aaa}.lookbook-info h3{font-size:18px;font-weight:400;margin:0}@media (max-width: 768px){.lookbook-hero h1{font-size:48px}.lookbook-hero p{font-size:16px}.lookbook-grid{grid-template-columns:1fr;gap:20px}.lookbook-filters{top:70px}.filter-btn{padding:6px 12px;font-size:10px}}.lookbook-container{position:relative}.loading{display:none}.loading-show{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;animation:showBlock .3s linear forwards;opacity:1}.loading-hide{animation:hideBlock .3s linear forwards}.loading-text{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;text-align:center;width:100%;height:100px;line-height:100px}.loading-text span{display:inline-block;margin:0 5px;color:#fff;font-family:Quattrocento Sans,sans-serif}.loading-text span:nth-child(1){filter:blur(0px);animation:blur-text 1.5s 0s infinite linear alternate}.loading-text span:nth-child(2){filter:blur(0px);animation:blur-text 1.5s .2s infinite linear alternate}.loading-text span:nth-child(3){filter:blur(0px);animation:blur-text 1.5s .4s infinite linear alternate}.loading-text span:nth-child(4){filter:blur(0px);animation:blur-text 1.5s .6s infinite linear alternate}.loading-text span:nth-child(5){filter:blur(0px);animation:blur-text 1.5s .8s infinite linear alternate}.loading-text span:nth-child(6){filter:blur(0px);animation:blur-text 1.5s 1s infinite linear alternate}.loading-text span:nth-child(7){filter:blur(0px);animation:blur-text 1.5s 1.2s infinite linear alternate}@keyframes blur-text{0%{filter:blur(0px)}to{filter:blur(4px)}}@keyframes showBlock{0%{opacity:0}to{opacity:1}}@keyframes hideBlock{0%{opacity:1}to{opacity:0}}