.blog-banner{align-items:center;width:100%;min-height:50vh;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.blog-banner{min-height:40vh}}.blog-banner__bg{z-index:0;position:absolute;inset:0}.blog-banner__bg:after{content:"";z-index:1;background:#0d0d0d66;position:absolute;inset:0}.blog-banner__overlay{z-index:1;background:linear-gradient(#0d0d0d33 0%,#0d0d0db3 60%,#0d0d0d 100%);position:absolute;inset:0}.blog-banner__container{z-index:2;width:100%;padding-top:100px;position:relative}.blog-banner__content{max-width:800px;animation:1s ease-out forwards fadeUp}.blog-banner__content .cr-banner-tagline{color:#c8a96b;letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px;font-size:.9rem;display:inline-block}.blog-banner__content .cr-banner-title{color:#e8dcc0;margin-bottom:24px;font-size:4.5rem;font-weight:300;line-height:1.1}.blog-banner__content .cr-banner-title em{font-family:var(--font-playfair),serif;color:#c8a96b;font-style:italic}@media (max-width:768px){.blog-banner__content .cr-banner-title{font-size:3rem}}.blog-banner__content .cr-banner-desc{color:#e8dcc0cc;max-width:500px;margin-bottom:40px;font-size:1.1rem;line-height:1.6}
.blog-grid{background-color:#f7f3ec;background-image:url(/main/bg-image.png);background-position:top;background-repeat:repeat-y;background-size:100%}.blog-grid__header{border-bottom:1px solid #8b735533;justify-content:space-between;align-items:flex-end;margin-bottom:60px;padding-bottom:30px;display:flex}@media (max-width:768px){.blog-grid__header{flex-direction:column;align-items:flex-start;gap:24px}}.blog-grid__title{font-family:var(--font-playfair),serif;color:#0d0d0d;margin:0;font-size:2.5rem;font-weight:400}.blog-grid__filters{flex-wrap:wrap;gap:16px;display:flex}.blog-grid__filter{color:#0d0d0db3;cursor:pointer;background:0 0;border:1px solid #0d0d0d33;border-radius:30px;padding:8px 16px;font-size:.9rem;transition:all .3s}.blog-grid__filter:hover,.blog-grid__filter.active{color:#8b7355;background:#8b73550d;border-color:#8b7355}.blog-grid__wrapper{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}@media (max-width:1024px){.blog-grid__wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid__wrapper{grid-template-columns:1fr}}.blog-grid__pagination{justify-content:center;gap:12px;margin-top:80px;display:flex}.blog-grid__page-btn{color:#0d0d0d80;cursor:pointer;background:0 0;border:none;font-size:1.1rem;transition:all .3s}.blog-grid__page-btn:hover,.blog-grid__page-btn.active{color:#8b7355}.blog-grid__page-btn.next{color:#0d0d0d;border-bottom:1px solid #8b7355;margin-left:16px;padding-bottom:2px}.blog-card{background:#e8dcc0;border:1px solid #8b73551a;border-radius:3px;flex-direction:column;padding:16px;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #2b1f1a0d}.blog-card:hover{border-color:#8b73554d;box-shadow:0 16px 48px #2b1f1a1f}.blog-card:hover .blog-card__img{transform:scale(1.05)}.blog-card:hover .blog-card__title{color:#8b7355}.blog-card__media{aspect-ratio:16/9;border-radius:2px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.blog-card__img{object-fit:cover;transition:transform .6s}.blog-card__category{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c8a96b;letter-spacing:.05em;text-transform:uppercase;background:#0d0d0dcc;border:1px solid #c8a96b4d;border-radius:20px;padding:4px 12px;font-size:.8rem;position:absolute;top:16px;left:16px}.blog-card__content{flex-direction:column;flex:1;padding:0 8px 8px;display:flex}.blog-card__date{color:#0d0d0d99;font-size:.85rem;font-family:var(--font-geist-mono),monospace;margin-bottom:12px}.blog-card__title{font-family:var(--font-playfair),serif;color:#0d0d0d;margin-bottom:12px;font-size:1.25rem;font-weight:400;line-height:1.3;transition:color .3s}.blog-card__excerpt{color:#0d0d0dcc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card__read-more{color:#0d0d0d;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-top:auto;font-size:.9rem;font-weight:600;display:flex}.blog-card__read-more .arrow{transition:transform .3s}.blog-card:hover .arrow{transform:translate(4px)}