.blog-editorial-wrap{margin:0 auto;max-width:var(--container-max);padding:0;position:relative;z-index:10}.blog-filter-bar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:20px 40px}.filter-input-wrap{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;display:flex;gap:10px;padding:8px 16px}.filter-input-wrap input{background:0 0;border:none;color:#fff;font-size:.85rem;outline:0;width:150px}.filter-input-wrap input::placeholder{color:hsla(0,0%,100%,.4)}.filter-select-wrap{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;min-width:100px;padding:8px 16px}.blog-masonry-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding:10px}.blog-masonry-col{display:flex;flex-direction:column;gap:10px}.blog-masonry-item{color:inherit;display:flex;flex:1;flex-direction:column;min-height:480px;overflow:hidden;padding:30px;position:relative;text-decoration:none}.blog-masonry-item:hover{background:hsla(0,0%,100%,.02)}.blog-masonry-item-bg{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .5s;width:100%;z-index:0}.blog-masonry-item:hover .blog-masonry-item-bg{filter:brightness(.25);transform:scale(1.05)}.blog-masonry-item:before{background:linear-gradient(180deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.75) 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.blog-masonry-content{display:flex;flex-direction:column;height:100%;position:relative;z-index:2}.blog-masonry-header{align-items:center;display:flex;font-size:.75rem;gap:10px;margin-bottom:12px}.blog-masonry-header-cat{color:#fff;font-weight:700}.blog-masonry-header-date{color:hsla(0,0%,100%,.6);font-weight:500}.blog-masonry-title{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;text-shadow:0 4px 16px rgba(0,0,0,.8);text-wrap:balance;transition:opacity .4s,transform .4s}.blog-masonry-icon{align-items:center;bottom:0;color:#fff;display:flex;font-size:1.2rem;font-weight:300;height:24px;justify-content:center;position:absolute;right:0;transition:opacity .4s;width:24px}@media (max-width:1200px){.blog-masonry-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-masonry-grid{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important}.blog-masonry-col{gap:8px!important}.blog-masonry-item{min-height:240px!important;flex-direction:column!important;padding:20px!important;border-bottom:none!important;justify-content:space-between!important}.blog-masonry-item-bg{position:absolute!important;width:100%!important;height:100%!important;top:0!important;left:0!important;object-fit:cover!important;border-radius:0!important}.blog-masonry-item:before{display:block!important;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.85) 100%)!important}.blog-masonry-content{height:100%!important;justify-content:space-between!important;padding:0!important}.blog-masonry-header{margin-bottom:0!important}.blog-masonry-title{font-size:1.45rem!important;line-height:1.15!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-top:auto!important;padding-top:16px!important}.blog-masonry-hover-content{display:none!important}.blog-filter-bar{align-items:stretch;flex-direction:column;gap:15px;padding:20px}.blog-editorial-wrap{border-left:none;border-right:none}}.blog-masonry-item:hover .blog-masonry-title{opacity:0;transform:translateY(-15px)}.blog-masonry-item:hover .blog-masonry-icon{opacity:0}.blog-masonry-hover-content{bottom:30px;display:flex;flex-direction:column;gap:15px;left:30px;opacity:0;pointer-events:none;position:absolute;right:30px;transform:translateY(20px);transition:opacity .5s .1s,transform .5s .1s;z-index:3}.blog-masonry-item:hover .blog-masonry-hover-content{opacity:1;transform:translateY(0)}.hover-read-time{color:hsla(0,0%,100%,.7);font-size:.95rem;font-weight:500}.hover-excerpt{color:#fff;font-size:1.15rem;font-weight:500;letter-spacing:-.01em;line-height:1.6;margin:0 0 20px}.hover-author{align-items:center;display:flex;gap:12px}.hover-author img{border-radius:2px;height:42px;object-fit:cover;width:42px}.hover-author-info{display:flex;flex-direction:column;gap:4px}.hover-author-name{color:#fff;font-size:.95rem;font-weight:600}.hover-author-role{color:hsla(0,0%,100%,.5);font-size:.85rem}.hover-author-role strong{color:#fff;font-weight:700}.hover-arrow-icon{bottom:0;color:#fff;height:24px;position:absolute;right:0;width:24px}.blog-masonry-img{aspect-ratio:4/5;border-radius:8px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.blog-masonry-img img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1);width:100%}.blog-masonry-item:hover .blog-masonry-img img{transform:scale(1.05)}.blog-masonry-category{backdrop-filter:blur(5px);background:rgba(0,0,0,.6);border-radius:20px;color:#fff;font-size:.7rem;left:20px;letter-spacing:.1em;padding:5px 12px;position:absolute;text-transform:uppercase;top:20px;z-index:2}.blog-masonry-content{padding:0 10px}.portfolio-card{background:0 0!important;min-height:auto!important;padding:0!important}