.modern-quality-section{color:#fff;padding:40px 0 0;overflow:hidden}.modern-quality-section .container{max-width:1280px;margin:0 auto;padding:0 20px}.modern-quality-section .header-v2{margin-bottom:40px}.modern-quality-section .header-v2 .title{color:#b89c6e;text-align:center;margin:0;font-size:36px;font-weight:700}.modern-quality-section .header-v2 .subtitle{text-align:center;margin-top:15px;font-size:18px}.modern-quality-section .quality-grid-v2{grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:20px;display:grid}.modern-quality-section .quality-grid-v2 .grid-item{cursor:pointer;transition:all .4s;position:relative;overflow:hidden}.modern-quality-section .quality-grid-v2 .grid-item .image-container{width:100%;height:100%;position:absolute;inset:0}.modern-quality-section .quality-grid-v2 .grid-item .image-container img{-o-object-fit:cover;object-fit:cover;filter:brightness(.7);width:100%;height:100%;transition:all .6s}.modern-quality-section .quality-grid-v2 .grid-item .image-container .image-overlay{background:linear-gradient(#0000 20%,#00000080 60%,#000000e6 100%);transition:all .4s;position:absolute;inset:0}.modern-quality-section .quality-grid-v2 .grid-item .item-content{z-index:2;opacity:.9;flex-direction:column;justify-content:flex-end;width:100%;padding:20px;transition:all .4s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(10px)}.modern-quality-section .quality-grid-v2 .grid-item .meta{align-items:center;gap:8px;margin-bottom:8px;display:flex}.modern-quality-section .quality-grid-v2 .grid-item .meta .num{color:#3d7eff;font-family:Courier New,monospace;font-size:10px}.modern-quality-section .quality-grid-v2 .grid-item .meta .dot{background:#3d7eff;border-radius:50%;width:4px;height:4px}.modern-quality-section .quality-grid-v2 .grid-item .item-title{margin-bottom:6px;font-size:18px;font-weight:600}.modern-quality-section .quality-grid-v2 .grid-item .item-desc{color:#ffffffb3;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.modern-quality-section .quality-grid-v2 .grid-item:hover{transform:translateY(-6px)}.modern-quality-section .quality-grid-v2 .grid-item:hover img{filter:brightness(.9);transform:scale(1.08)}.modern-quality-section .quality-grid-v2 .grid-item:hover .image-overlay{background:linear-gradient(#0000 0%,#0009 50%,#000000f2 100%)}.modern-quality-section .quality-grid-v2 .grid-item:hover .item-content{opacity:1;transform:translateY(0)}.modern-quality-section .quality-grid-v2 .grid-item:hover .item-desc{color:#fff}.modern-quality-section .quality-grid-v2 .grid-item .corner-accent{opacity:0;background:linear-gradient(135deg,#0000 50%,#3d7eff 50%);width:20px;height:20px;transition:all .3s;position:absolute;bottom:0;right:0}.modern-quality-section .quality-grid-v2 .grid-item:hover .corner-accent{opacity:1}.modern-quality-section .quality-grid-v2 .grid-item.large{grid-area:span 2/span 2}.modern-quality-section .quality-grid-v2 .grid-item.large .item-content{padding:30px}.modern-quality-section .quality-grid-v2 .grid-item.large .item-title{font-size:28px}.modern-quality-section .quality-grid-v2 .grid-item.large .item-desc{-webkit-line-clamp:4;font-size:15px}@media (max-width:1200px){.modern-quality-section .quality-grid-v2{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}.modern-quality-section .quality-grid-v2 .grid-item.large{grid-area:span 1/span 2}}@media (max-width:768px){.modern-quality-section{padding:60px 0}.modern-quality-section .header-v2 .title{font-size:28px}.modern-quality-section .quality-grid-v2{grid-template-columns:1fr}}
