.intro{text-align:center;padding:3rem 1rem;max-width:800px;margin:0 auto}.intro h1{color:#003d82;margin-bottom:1rem;font-weight:400}.intro p{color:#64748b;font-size:1.2rem;line-height:1.6}.grid-blocks{max-width:1200px;margin:2rem auto 4rem;padding:0 1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.block-item{position:relative;aspect-ratio:10/7;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;transition:transform .3s;text-decoration:none}.block-item:hover{transform:scale(1.02)}.block-item:active{transform:scale(.98)}.block-image{position:relative;width:100%;height:100%}.block-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.block-item:hover img{transform:scale(1.1)}.caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,61,130,.95),rgba(0,61,130,.7) 60%,rgba(0,61,130,0));color:#fff;padding:2rem 1.5rem 1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.caption h3,.caption p,.nwr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.caption h3{margin-bottom:.5rem;font-weight:600}.caption p{font-size:1rem;margin:0;opacity:.9}.ratio7{aspect-ratio:7/7}@media (max-width:768px){.grid-blocks{grid-template-columns:1fr;gap:1.5rem}.caption{padding:1.5rem 1rem 1rem}.caption p{font-size:.9rem}}