.page-hero{min-height:60vh;background:var(--color-black);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.page-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/media/rooms/image00037.webp) center center / cover no-repeat}.page-hero-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(10 10 10 / .85) 0%,rgb(10 10 10 / .7) 50%,rgb(16 7 23 / .85) 100%)}.page-hero-content{text-align:center;z-index:1;padding:2rem;max-width:800px}.page-hero-label{font-family:var(--font-body);font-size:.7rem;font-weight:400;color:var(--color-gold);letter-spacing:.4em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeUp 1s var(--ease-smooth) 0.2s forwards}.page-hero-title{font-family:var(--font-display);font-size:clamp(2.5rem, 8vw, 5rem);font-weight:300;color:var(--color-white);line-height:1.1;margin-bottom:1.5rem;opacity:0;animation:fadeUp 1s var(--ease-smooth) 0.4s forwards}.page-hero-desc{font-family:var(--font-body);font-size:1.1rem;font-weight:300;color:rgb(255 255 255 / .7);max-width:600px;margin:0 auto;opacity:0;animation:fadeUp 1s var(--ease-smooth) 0.6s forwards}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-section{padding:5rem 3rem;background:var(--color-cream)}.blog-container{max-width:1200px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card{background:var(--color-white);overflow:hidden;transition:all 0.4s var(--ease-smooth);opacity:0;transform:translateY(30px)}.blog-card.visible{opacity:1;transform:translateY(0)}.blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 0 0 / .1)}.blog-card-image{position:relative;height:220px;overflow:hidden;background:var(--color-light-gray)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--ease-smooth)}.blog-card:hover .blog-card-image img{transform:scale(1.08)}.blog-card-category{position:absolute;top:1rem;left:1rem;font-family:var(--font-body);font-size:.65rem;font-weight:500;color:var(--color-white);background:var(--color-gold);padding:.4rem .8rem;letter-spacing:.1em;text-transform:uppercase}.blog-card-content{padding:1.5rem}.blog-card-date{font-family:var(--font-body);font-size:.75rem;font-weight:400;color:var(--color-gray);margin-bottom:.8rem}.blog-card-title{font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:var(--color-black);margin-bottom:.8rem;line-height:1.3}.blog-card-excerpt{font-family:var(--font-body);font-size:.9rem;font-weight:300;color:var(--color-gray);line-height:1.7;margin-bottom:1.5rem}.blog-card-link{font-family:var(--font-body);font-size:.7rem;font-weight:500;color:var(--color-black);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;transition:color 0.3s var(--ease-smooth)}.blog-card-link svg{width:16px;height:16px;transition:transform 0.3s var(--ease-smooth)}.blog-card-link:hover{color:var(--color-gold)}.blog-card-link:hover svg{transform:translateX(5px)}.blog-empty{grid-column:1 / -1;text-align:center;padding:5rem 2rem;background:var(--color-white)}.blog-empty-icon{width:80px;height:80px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-light-gray);border-radius:50%}.blog-empty-icon svg{width:36px;height:36px;stroke:var(--color-gray)}.blog-empty-title{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--color-black);margin-bottom:1rem}.blog-empty-text{font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--color-gray);max-width:400px;margin:0 auto}.blog-loading{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.blog-loading-spinner{width:40px;height:40px;border:2px solid var(--color-light-gray);border-top-color:var(--color-gold);border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blog-loading-text{font-family:var(--font-body);font-size:.9rem;font-weight:300;color:var(--color-gray)}.blog-card-skeleton{background:var(--color-white);overflow:hidden}.skeleton{background:linear-gradient(90deg,var(--color-light-gray) 25%,var(--color-cream) 50%,var(--color-light-gray) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-image{height:220px}.skeleton-content{padding:1.5rem}.skeleton-date{height:12px;width:80px;margin-bottom:1rem;border-radius:2px}.skeleton-title{height:24px;width:90%;margin-bottom:.8rem;border-radius:2px}.skeleton-excerpt{height:14px;width:100%;margin-bottom:.5rem;border-radius:2px}.skeleton-excerpt:last-of-type{width:70%}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:4rem}#page-numbers{display:flex;gap:.5rem}.pagination-btn{font-family:var(--font-body);font-size:.85rem;font-weight:400;color:var(--color-gray);background:var(--color-white);border:1px solid var(--color-light-gray);width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s var(--ease-smooth)}.pagination-btn:hover,.pagination-btn.active{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn svg{width:18px;height:18px}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-section{padding:3rem 1.5rem}.blog-grid{grid-template-columns:1fr}}