/* Photography layer (Unsplash licence: free for commercial use) */

/* Statistics on the Mumbai skyline */
.stat-sec.photo { position: relative; color: #fff; padding: 6rem 0 !important;
  background: linear-gradient(90deg, rgba(11,22,40,.92) 0%, rgba(11,22,40,.72) 45%, rgba(11,22,40,.35) 100%), linear-gradient(0deg, rgba(11,22,40,.85) 0%, rgba(11,22,40,0) 45%), url(img/mumbai-skyline.jpg) center 40% / cover no-repeat; }
.stat-sec.photo h2.big { color: #fff; }
.stat-sec.photo h2.big span { color: #E2BD4A; }
.stat-sec.photo .stat { background: rgba(255,255,255,.07); border: 1px solid rgba(226,189,74,.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.stat-sec.photo .src { color: #AEB9CC; }

/* Call to action beside the Sea Link */
.cta-in { display: grid; gap: 2.5rem; grid-template-columns: 1fr; align-items: center; }
@media (min-width: 900px) { .cta-in { grid-template-columns: 1.25fr 1fr; } }
.cta-photo { min-height: 300px; border-radius: 22px; background: url(img/sea-link-wide.jpg) center 45% / cover no-repeat;
  box-shadow: 0 40px 80px -30px rgba(0,0,0,.8), 0 0 0 1px rgba(226,189,74,.35); transform: rotate(1.5deg); transition: transform .6s; }
.cta-photo:hover { transform: rotate(0deg) scale(1.02); }
@media (min-width: 900px) { .cta-photo { min-height: 380px; } }

/* First insight card: the meeting photograph */
.ins-art.i1 { background: linear-gradient(180deg, rgba(15,28,51,.05), rgba(15,28,51,.45)), url(img/documents.jpg) center / cover no-repeat; }

@media (prefers-reduced-motion: reduce) { .cta-photo, .cta-photo:hover { transform: none; } .stat-sec.photo { background-attachment: scroll; } }