/* Duccio Nacci – ritocchi home (31/10/2026) */

/* Collage "La luce, il tempo, le persone": foto intere, più grandi, senza buchi */
.collage {
	height: auto;
	max-width: 1600px;
	margin: 0 auto;
	padding: calc(clamp(40px, 6.6vw, 118px) * 2.7) var(--gutter, 40px) 0;
	column-count: 3;
	column-gap: 28px;
	display: block;
}
.collage__item {
	position: relative !important;
	inset: auto !important;
	width: auto !important;
	transform: none !important;
	margin: 0 0 28px;
	break-inside: avoid;
	display: block;
}
.collage__item .img-reveal,
.collage__item:nth-child(3n) .img-reveal {
	aspect-ratio: auto !important;
}
.collage__item .img-reveal img {
	height: auto;
	display: block;
}
.collage__caption {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 90%;
	text-align: center;
	mix-blend-mode: normal;
	color: var(--bone);
	padding: 0;
	order: 0;
}
@media (max-width: 760px) {
	.collage { column-count: 2; column-gap: 12px; padding-top: calc(clamp(40px, 6.6vw, 118px) * 3); }
	.collage__item { margin-bottom: 12px; }
}

/* Schede "Cosa volete raccontare?": formato orizzontale, foto non tagliate */
.exp-card__media { aspect-ratio: 3 / 2; }
@media (min-width: 761px) {
	.exp-card { width: calc(min(50vh, 40vw) * 1.5); }
	.exp-card__media { height: min(50vh, 40vw); }
}

/* Foto a scorrimento (sotto "Lasciatevi ispirare"): foto intere, stessa altezza */
.strip__item {
	width: auto;
	height: clamp(240px, 24vw, 420px);
	aspect-ratio: auto;
}
.strip__item img {
	width: auto;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Collezioni di stampe sul telefono: copertine intere, non tagliate */
@media (max-width: 860px) {
	.plist__thumb { aspect-ratio: auto; max-width: 70%; }
	.plist__thumb img { height: auto; display: block; }
}

/* Telefono: nelle foto orizzontali tagliate, tieni le persone dentro l'inquadratura */
img[src*="dn2-persone12-hd"] { object-position: 74% 50%; }
img[src*="dn2-matrimoni26-hd"] { object-position: 68% 50%; }
img[src*="dn2-matrimoni13-hd"] { object-position: 82% 50%; }
img[src*="dn4-eventi-raduno-1"] { object-position: 60% 50%; }
img[src*="dn2-workshop1-hd"] { object-position: 22% 50%; }

/* Chi siamo: foto dei capitoli intere (orizzontali) */
@media (min-width: 861px) { .chapters__sticky { height: auto; aspect-ratio: 3 / 2; } }
.chapter__img-mobile { aspect-ratio: 3 / 2; }

/* Pagina Esperienze: foto intere su telefono */
@media (max-width: 860px) {
	.srow__media .img-reveal { aspect-ratio: auto !important; }
	.srow__media .img-reveal img { height: auto; display: block; }
}

/* Telefono: foto di apertura intere (formato orizzontale) con il testo sotto, non sopra */
@media (max-width: 760px) {
	.hero, .phero { height: auto; min-height: 0; display: block; color: var(--bone); }
	.hero__media, .phero__media { position: relative; inset: auto; aspect-ratio: 3 / 2; overflow: hidden; }
	.phero__media img { height: 100%; transform: none !important; }
	.hero__slide img, .hero__slide.is-active img { transform: none !important; animation: none !important; }
	.hero__shade { background: linear-gradient(180deg, rgba(17,16,14,.45) 0%, rgba(17,16,14,0) 35%); }
	.hero__content, .phero__content { padding-top: 28px; padding-bottom: 44px; }
	.hero .eyebrow, .phero .eyebrow { color: var(--muted); }
	.hero__sub { color: rgba(28, 26, 24, .82); }
	.phero__num { color: var(--gold); }
	.hero .btn--light, .phero .btn--light { border-color: rgba(28, 26, 24, .35); color: var(--bone); }
	.hero .btn--light::before, .phero .btn--light::before { background: var(--bone); }
	.hero .btn--light:hover, .phero .btn--light:hover { color: var(--on-photo); }
	.hero__meta { display: none; }

	/* Foto grande in home, Chi siamo e "servizio successivo": intere */
	.interlude__frame { height: auto; aspect-ratio: 16 / 9; }
	.interlude__frame img { height: 100%; transform: none !important; }
	.wide-media__frame { height: auto; aspect-ratio: 3 / 2; }
	.next-service { height: auto; min-height: 0; aspect-ratio: 3 / 2; }
	.next-service__title { font-size: 44px; }
}

/* Pagina Esperienze anche da computer: foto intere */
.srow__media .img-reveal { aspect-ratio: auto !important; }
.srow__media .img-reveal img { height: auto; display: block; }