/*
 * ntw_about — port of `.a-about__*`, laid out like catalog p.1–2: story and figures
 * on the left, one tall photo on the right. With no photo the grid collapses to one
 * column (`--solo`) rather than leaving an empty half.
 */

.ntw-about__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(32px, 5vw, 72px); align-items: stretch; }
.ntw-about__grid--solo { grid-template-columns: minmax(0, 1fr); }

/* `64ch` on the paragraph, which carries its own size. */
.ntw-about__text p { margin: 0 0 16px; max-width: 64ch; font-size: 1rem; line-height: 1.8; }

.ntw-about__stats {
	display: grid; grid-template-columns: repeat(var(--ntw-n, 4), minmax(0, 1fr));
	margin: 34px 0; padding: 0; list-style: none; border-block: 1px solid var(--line);
}
.ntw-about__stats li { padding: 22px 16px; text-align: center; border-right: 1px solid var(--line); }
.ntw-about__stats li:last-child { border-right: 0; }
.ntw-about__stats i { display: block; margin-bottom: 12px; font-size: 22px; }
.ntw-about__stats b { display: block; font: 500 clamp(1.7rem, 2.6vw, 2.3rem)/1.1 var(--f-display); letter-spacing: -.03em; }
.ntw-about__stats b small { font-size: .5em; font-weight: 500; margin-left: 3px; }
.ntw-about__label { display: block; margin-top: 6px; font-size: 13px; line-height: 1.4; }

.ntw-about__photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ntw-about__photos figure { margin: 0; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; }
.ntw-about__photos img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.ntw-about__photos figure:hover img { transform: scale(1.06); }

.ntw-about__where { display: flex; align-items: center; gap: 10px; margin: 14px 0 0; font-size: 13.5px; }

.ntw-about__hero { position: relative; margin: 0; min-height: 560px; border-radius: var(--r); overflow: hidden; }
.ntw-about__hero img { position: absolute; inset: -6% 0; width: 100%; height: 112%; object-fit: cover; transform: translate3d(0, var(--py, 0px), 0); }
.ntw-about__hero figcaption {
	position: absolute; left: 16px; bottom: 16px; padding: 7px 12px; border-radius: 999px;
	background: rgba(13, 17, 14, .8); font-size: 12.5px;
}

@media (max-width: 960px) {
	.ntw-about__grid { grid-template-columns: minmax(0, 1fr); }
	.ntw-about__hero { min-height: 420px; order: -1; }
}
@media (max-width: 720px) {
	.ntw-about__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ntw-about__stats li:nth-child(2n) { border-right: 0; }
	.ntw-about__stats li:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
	.ntw-about__photos { gap: 8px; }
	.ntw-about__hero { min-height: 320px; }
}