.custom-grid-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.left-column{position:sticky;top:100px;align-self:start}.right-column{column-count:2;column-gap:30px}.article-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .05);transition:transform 0.3s ease;display:flex;flex-direction:column}.article-item:hover{transform:scale(1.02)}.article-thumbnail img{width:100%;height:auto;display:block;object-fit:cover}.article-meta{padding:15px}.article-category{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:8px}.article-title{font-size:1.3rem;margin:0 0 10px;line-height:1.3}.article-title a{text-decoration:none;color:#000}.article-info{font-size:.8rem;color:#757575}.left-column .article-thumbnail img{min-height:600px}.right-column .article-item{display:inline-block;width:100%;margin-bottom:30px;break-inside:avoid}@media (max-width:768px){.custom-grid-wrapper{grid-template-columns:1fr}.left-column,.right-column{order:unset;position:static}.right-column{column-count:1}.right-column .article-item{display:flex;flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:20px;background:none;box-shadow:none;padding:0}.right-column .article-thumbnail{flex-shrink:0;width:40%}.right-column .article-thumbnail img{width:100%;aspect-ratio:1 / 1!important;object-fit:cover;border-radius:6px;min-height:50px!important;height:auto}.right-column .article-meta{flex-grow:1;padding:0}.right-column .article-title{font-size:1rem;margin:5px 0}.right-column .article-info{font-size:.75rem;color:#757575}}.square-grid-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0}.square-article,.random-article{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .05);transition:transform 0.3s ease;display:flex;flex-direction:column}.square-article:hover,.random-article:hover{transform:translateY(-4px)}.square-thumbnail{aspect-ratio:1 / 1;overflow:hidden}.square-thumbnail img{width:100%;height:100%;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}.square-meta{padding:15px}.square-category{font-size:.75rem;text-transform:uppercase;color:var(--accent,#cc3366);margin-bottom:5px;display:inline-block}.square-title{font-size:1.3rem;margin:0 0 10px;line-height:1.3}.square-title a{text-decoration:none;color:#000}.square-info{font-size:.8rem;color:#757575}@media (max-width:1024px){.square-grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.square-grid-wrapper{display:flex;flex-direction:column;gap:20px}.square-article{flex-direction:row;gap:15px;box-shadow:none;border-radius:0}.square-thumbnail{width:40%;aspect-ratio:1 / 1;border-radius:8px}.square-thumbnail img{border-radius:8px}.square-meta{flex:1;padding:0}.square-title{font-size:1rem;margin:5px 0}.square-info{font-size:.75rem}}.random-article{max-width:100%;position:relative}.random-article .random-article-thumbnail{width:100%;height:550px;position:relative;overflow:hidden}.random-article .random-article-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease-in-out}.random-article .article-thumbnail:hover img{transform:scale(1.05)}.random-article-meta{padding:40px;background:linear-gradient(to top,rgb(0 0 0 / .6),transparent);position:absolute;bottom:0;width:100%;color:#fff;z-index:2}.random-article .article-category{font-family:"Cooper Black",sans-serif;font-style:italic;font-size:1rem;color:var(--accent);margin-bottom:5px;display:inline-block}.random-article .article-info{font-size:.8rem;color:#ccc;margin-top:10px}.random-article .read-more-btn{background-color:var(--accent,#cc3366);color:#fff;padding:10px 20px;font-size:1rem;border-radius:30px;text-decoration:none;display:inline-block;margin-top:15px;transition:background-color 0.3s ease-in-out}.random-article .read-more-btn:hover{background-color:#9b2954}.random-article-meta a{text-decoration:none;color:#fff!important}@media (max-width:768px){.random-article .article-thumbnail{height:250px}.random-article .article-meta{position:static;background:none;color:#333}.random-article-meta{padding:20px}.random-article .article-category{font-size:.9rem}.random-article .article-title{font-size:1.2rem}.random-article .article-info{font-size:.75rem}.random-article .read-more-btn{font-size:.9rem;padding:8px 16px}}.right-column .article-thumbnail img{min-height:0!important}