/* ACERVOH — Home: a entrada da galeria. A Home recebe; não vende.
   Arte domina; Design e Objetos convivem sem competir. */

.home .cta {
	display: inline-block;
	font-family: var(--sans); font-weight: 500; font-size: .74rem; letter-spacing: .16em;
	padding: .95rem 1.7rem; border: 1px solid var(--cor-tinta); color: var(--cor-tinta);
	transition: background .2s, color .2s;
}
.home .cta:hover { background: var(--cor-tinta); color: var(--cor-fundo); }
.home .narrativa {
	font-family: var(--serif); font-style: italic; font-weight: 300;
	font-size: 1.2rem; line-height: 1.55; color: var(--cor-grafite); margin: 0;
}
.home-secao { padding-top: var(--espaco-5); }
.home-faixa { margin-top: var(--espaco-5); padding: var(--espaco-4) 0; background: var(--cor-superficie); }
.home-faixa + .home-secao { padding-top: var(--espaco-5); }

/* ---------- 1 · a parede de entrada ---------- */
.home-hero { position: relative; }
.home-hero-imagem { width: 100%; height: min(82vh, 46rem); object-fit: cover; }
/* A legibilidade do hero é responsabilidade da FOTOGRAFIA: a imagem escolhida
   precisa ter espaço negativo no terço inferior esquerdo (área segura indicada
   no admin). O que segue é só um fallback técnico quase imperceptível pra
   casos extremos — nunca uma direção de arte. */
.home-hero::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(76deg, rgba(251, 249, 245, .28) 0%, rgba(251, 249, 245, 0) 34%);
}
.home-hero-texto {
	position: absolute; left: 0; right: 0; bottom: 3.5rem; z-index: 1;
	display: flex; flex-direction: column; align-items: flex-start; gap: 1rem;
}
.home-hero-credito { z-index: 1; }
.home-hero-texto h1 {
	font-weight: 500; letter-spacing: -.02em;
	font-size: clamp(2.6rem, 6vw, 4.4rem); line-height: 1; margin: 0; text-wrap: balance;
}
.home-hero-texto .narrativa { max-width: 24rem; }
.home-hero-credito {
	position: absolute; right: 1.5rem; bottom: 1.1rem;
	font-family: var(--mono); font-size: .6rem; letter-spacing: .12em;
	text-transform: uppercase; color: var(--cor-grafite);
}
.home-hero-credito:hover { color: var(--cor-tinta); }
@media (max-width: 700px) {
	.home-hero-imagem { height: min(68vh, 34rem); }
	.home-hero-texto { bottom: 3rem; }
}

/* ---------- 2 · selecionados (composição assimétrica) ---------- */
.sel-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 3.5rem 2rem; margin-top: 2rem; }
.sel-item:nth-child(1) { grid-column: 1 / 8; }
.sel-item:nth-child(2) { grid-column: 9 / 13; padding-top: 6rem; }
.sel-item:nth-child(3) { grid-column: 1 / 5; }
.sel-item:nth-child(4) { grid-column: 6 / 13; }
.sel-item:nth-child(5) { grid-column: 3 / 9; }
.sel-item:nth-child(6) { grid-column: 10 / 13; padding-top: 4rem; }
@media (max-width: 859px) {
	.sel-grid { gap: 2.5rem 1.25rem; }
	.sel-item:nth-child(1) { grid-column: 1 / 11; }
	.sel-item:nth-child(2) { grid-column: 5 / 13; padding-top: 0; }
	.sel-item:nth-child(3) { grid-column: 1 / 8; }
	.sel-item:nth-child(4) { grid-column: 2 / 13; }
	.sel-item:nth-child(5) { grid-column: 1 / 9; }
	.sel-item:nth-child(6) { grid-column: 6 / 13; padding-top: 0; }
}
.home-secao .link-discreto { margin-top: 2.5rem; }

/* ---------- 3 · encontre para o seu espaço ---------- */
.espacos { display: grid; grid-template-columns: 1fr; margin-top: 1.5rem; }
@media (min-width: 700px) { .espacos { grid-template-columns: repeat(2, 1fr); column-gap: 4rem; } }
.espaco {
	display: flex; align-items: baseline; justify-content: space-between; gap: 1rem;
	padding: 1.4rem 0; border-bottom: 1px solid var(--cor-linha);
}
.espaco-nome { font-weight: 500; letter-spacing: -.015em; font-size: clamp(1.5rem, 3vw, 2.1rem); }
.espaco-acao {
	font-family: var(--mono); font-size: .6rem; letter-spacing: .14em; color: var(--cor-grafite);
	opacity: 0; transition: opacity .2s;
}
.espaco:hover .espaco-acao { opacity: 1; }
@media (hover: none) { .espaco-acao { opacity: 1; } }

/* ---------- 4 · em cartaz ---------- */
.home-cartaz { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
@media (min-width: 860px) { .home-cartaz { grid-template-columns: 1.35fr 1fr; gap: 4rem; align-items: center; } }
.cartaz-texto { display: flex; flex-direction: column; align-items: flex-start; gap: 1.1rem; }
.cartaz-texto h2 {
	font-weight: 500; letter-spacing: -.02em;
	font-size: clamp(2.2rem, 4.5vw, 3.4rem); line-height: 1.02; margin: 0; text-wrap: balance;
}
.cartaz-texto .link-discreto { margin-top: .25rem; }

/* ---------- 5 · por cor ---------- */
.cores { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 1.75rem; }
@media (min-width: 700px) { .cores { grid-template-columns: repeat(4, 1fr); gap: 2rem; } }
.cor-fragmento { display: block; aspect-ratio: 3 / 4; overflow: hidden; }
.cor-fragmento img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.cor:hover .cor-fragmento img { transform: scale(1.03); }
.cor-nome { display: block; margin-top: .75rem; font-weight: 500; font-size: 1rem; }

/* ---------- 6 · uma parede pensada ---------- */
.home-parede .parede-imagem { display: block; margin-top: 1.5rem; }
.parede-info { display: flex; flex-wrap: wrap; align-items: baseline; gap: 1rem 2rem; margin-top: 1.25rem; }
.parede-info h2 { font-weight: 500; letter-spacing: -.015em; font-size: 1.6rem; margin: 0; }
.parede-pecas { font-family: var(--mono); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; color: var(--cor-grafite); }
.parede-info .link-discreto { margin: 0 0 0 auto; }

/* ---------- 7 · o que convive com a arte (menor, sem competir) ---------- */
.convivio-frase { max-width: 30rem; font-size: .95rem; line-height: 1.6; color: var(--cor-grafite); margin: .9rem 0 0; }
.convivio-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 1.5rem; margin-top: 2rem; max-width: 46rem; }
@media (min-width: 700px) { .convivio-grid { grid-template-columns: repeat(4, 1fr); } }
.convivio-grid .card-obra-titulo { font-size: .85rem; }

/* ---------- 8 · uma leitura ---------- */
.leitura { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 1.5rem; max-width: 52rem; }
@media (min-width: 700px) { .leitura { grid-template-columns: 1fr 1.6fr; align-items: center; gap: 2.5rem; } }
.leitura-titulo {
	display: block; font-weight: 500; letter-spacing: -.015em;
	font-size: clamp(1.4rem, 3vw, 1.9rem); line-height: 1.15; text-wrap: balance;
}
.leitura-linha { display: block; margin-top: .7rem; font-size: .95rem; line-height: 1.6; color: var(--cor-grafite); }
.leitura:hover .leitura-titulo { text-decoration: underline; text-underline-offset: 4px; }

/* ---------- 9 · o fecho ---------- */
.home-fecho { padding: var(--espaco-5) 0 var(--espaco-4); text-align: center; }
.fecho-declaracao {
	font-family: var(--serif); font-weight: 300; font-style: italic;
	font-size: clamp(1.5rem, 3.5vw, 2.2rem); line-height: 1.4;
	max-width: 38rem; margin: 0 auto 2.25rem; text-wrap: balance;
}