.news-section{padding:clamp(35px, 5.2vw, 100px) 0;background:#fafafa;overflow:hidden;}

.news-header {display:flex;flex-direction:column;gap:2.5rem;margin-bottom:5rem;}
.news-header .left .header-label{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.news-header .left .header-label .line{width:2rem;height:1px;background:#000000;}
.news-header .left .header-label .text{font-size:11px;font-weight:700;letter-spacing:0.4em;color:#000000;text-transform:uppercase;}
.news-header .left .title{font-weight:600;letter-spacing:-0.02em;font-size:clamp(24px, 3.75vw, 72px);text-transform:uppercase;letter-spacing:-0.04em;color:#000000;line-height:1;}
.news-header .left .title span{color:#a3a3a3;font-style:italic;font-weight:300;}
.news-header .right {max-width:384px;}
.news-header .right p {font-size:12px;font-weight:500;letter-spacing:0.1em;color:#737373;line-height:1.6;text-transform:uppercase;}

@media (min-width:768px) {
.news-header{flex-direction:row;align-items:flex-end;justify-content:space-between;}
}


.news-grid {display:grid;grid-template-columns:1fr;gap:2rem 2rem;}

.news-card{display:flex;flex-direction:column;}
.news-card .image{position:relative;margin-bottom:2rem;overflow:hidden;border-radius:2px;aspect-ratio:4 / 5;background:#e5e5e5;display:block;}
.news-card .image img {width:100%;height:100%;object-fit:cover;transition:transform 700ms ease-out;}
.news-card .image .category {position:absolute;top:1rem;left:1rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,0.9);padding:8px 16px;border-radius:50px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 2px 8px rgba(0,0,0,0.05);transform:translateY(-8px);opacity:0;transition:all 500ms ease;}
.news-card .image .category span{font-size:9px;font-weight:900;letter-spacing:0.2em;color:#000000;text-transform:uppercase;}
.news-card .image .overlay {position:absolute;inset:0;background:rgba(0,0,0,0.4);opacity:0;transition:opacity 500ms ease;display:flex;align-items:center;justify-content:center;}
.news-card .image .overlay .btn{width:3.5rem;height:3.5rem;border-radius:50%;background:#ffffff;display:flex;align-items:center;justify-content:center;color:#000000;box-shadow:0 8px 25px rgba(0,0,0,0.2);transform:scale(0.5);transition:transform 500ms ease;}
.news-card .image .overlay .btn svg {width:22px;height:22px;}
.news-card .image .overlay .btn i{font-size:1.5rem;}

.news-card .content{display:flex;flex-direction:column;flex-grow:1;}
.news-card .content .card-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
.news-card .content .card-meta .date {font-size:10px;font-weight:700;color:#a3a3a3;letter-spacing:0.15em;text-transform:uppercase;}
.news-card .content .card-meta .line {flex-grow:1;height:1px;background:#f5f5f5;}
.news-card .content .title{font-size:18px;font-weight:700;color:#171717;line-height:1.35;margin-bottom:16px;transition:color 300ms ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-card .content p{font-size:12px;color:#737373;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-card .card-link{margin-top:auto;display:inline-flex;align-items:center;gap:12px;font-size:10px;font-weight:900;letter-spacing:0.3em;text-transform:uppercase;color:#000000;transition:opacity 300ms ease;}
.news-card .card-link .text{position:relative;}
.news-card .card-link .text::after {content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#000000;transform-origin:left;transform:scaleX(0);transition:transform 500ms ease;}
.news-card .card-link .icon{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;transition:all 300ms ease;}
.news-card .card-link .icon svg {width:12px;height:12px;}
.news-card .card-link .icon i{font-size:10px;}

.news-card .card-link:hover {opacity:0.7;}
.news-card .card-link:hover .text::after {transform:scaleX(1);}
.news-card .card-link:hover .icon{background:#000000;color:#ffffff;}

.news-card:hover .image img {transform:scale(1.1);}
.news-card:hover .image .category{transform:translateY(0);opacity:1;}
.news-card:hover .image .overlay{opacity:1;}
.news-card:hover .image .overlay .btn{transform:scale(1);}

.news-card:hover .content .title{color:#000000;}


@media (min-width:768px) {
.news-grid {grid-template-columns:repeat(2,1fr);}
}

@media (min-width:1024px) {
.news-grid {grid-template-columns:repeat(4,1fr);}
}

@media (max-width:767px) {
.news-card .image{aspect-ratio:4/3;}
}


/*---------------------pagesize----------------------*/
#pagesize{margin-top:6rem;padding-top:3rem;border-top:1px solid rgba(0,0,0,0.05);display:flex;flex-direction:column;align-items:center;gap:2rem;}
#pagesize .page-info{font-size:12px;text-transform:uppercase;letter-spacing:0.3em;font-weight:700;color:#a3a3a3;}
#pagesize .page-info .current {color:#000000;}

#pagesize ul{display:flex;align-items:center;gap:10px;}
#pagesize ul li{width:3rem;height:3rem;background:#E9E9ED;position:relative;}
#pagesize ul li::after{content:"";position:absolute;inset:0;transition:all 500ms ease;transform:scale(0);border-radius:2px;}
#pagesize ul li a{position:relative;z-index:10;width:100%;height:100%;font-size:13px;font-weight:600;color:#a3a3a3;display:flex;justify-content:center;align-items:center;}
#pagesize ul li.active{background:#000;}
#pagesize ul li.active a{color:#fff;}
#pagesize ul li a.disabled {border:none;background:none;opacity:0.5;cursor:not-allowed;}

#pagesize ul li:hover::after{background:#f5f5f5;transform:scale(1);}

#pagesize .pn{display:flex;align-items:center;gap:15px;}
#pagesize .pn p{font-size:13px;font-weight:600;color:#000;}

@media (min-width:768px) {
#pagesize{flex-direction:row;justify-content:space-between;}
}