/* Inna Warszawa: "Warszawy przyszłości" (/warszawy-przyszlosci/). Brda landing components on soft.css; only the differences live here. */

/* "Warszawy" is twice as long as "Brda". */
.iwcs-soft .iwcs-future .iwcs-book-hero h1 { font-size: clamp(72px, 10vw, 150px); }

/* Whole mockups, uncropped: the editorial 4:3 zoom cuts the open spreads. */
.iwcs-soft .iwcs-future-inside { background: var(--s-sand); }
.iwcs-future-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); }
.iwcs-future-gallery figure { margin: 0; }
.iwcs-future-gallery__wide { grid-column: 1 / -1; }
.iwcs-future-gallery a { position: relative; display: block; margin: 8px; overflow: hidden; border-radius: 17px; background: #e6dfd3; }
.iwcs-future-gallery img { display: block; width: 100%; height: auto; transition: transform 1.2s var(--s-ease); }
.iwcs-future-gallery a:hover img { transform: scale(1.03); }
.iwcs-soft .iwcs-future-gallery .iwcs-spread-zoom { position: absolute; right: 14px; bottom: 14px; padding: 6px 12px; border-radius: 999px; background: rgb(255 253 248 / .9); box-shadow: inset 0 0 0 1px var(--s-line); color: var(--s-ink); font-size: 11.5px; }

@media (max-width: 767px) {
	.iwcs-soft .iwcs-future .iwcs-book-hero h1 { font-size: clamp(48px, 14vw, 60px); }
	.iwcs-future-gallery { grid-template-columns: 1fr; gap: 16px; }
	.iwcs-future-gallery a { border-radius: 14px; }
	.iwcs-soft.iwcs-future-landing .iwcs-site-footer { padding-bottom: 96px; }
}