/* Layout da franquia — títulos proporcionais às colunas e abertura estável. */
h1, h2, h3, .display { overflow-wrap: normal; word-break: normal; hyphens: none; }
h2 { font-size: clamp(24px, 3vw, 48px); line-height: 1.13; letter-spacing: .01em; text-wrap: balance; }
.js .split .w { max-width: none; white-space: nowrap; overflow-wrap: normal; padding-block: .1em; margin-block: -.1em; }
.title-line { display: block; }
.title-line.serif { margin-top: .18em; }
.stack, .pillars-sticky, .final-side { min-width: 0; }
.pillars-sticky h2 { max-width: none; }
@supports (font-size: 1cqi) {
  .stack, .pillars-sticky, .final-side { container-type: inline-size; }
  .stack > h2, .pillars-sticky > h2, .final-side > h2 { font-size: clamp(24px, 8.1cqi, 52px); }
  .journey-heading .stack > h2 { font-size: clamp(20px, 6.8cqi, 48px); }
}
.pillars-sticky .kicker { font-size: clamp(9px, .85vw, 11px); letter-spacing: .16em; }
.opp-head, .journey-heading { align-items: end; }
.faq > .stack { gap: 24px; }
.faq > .stack .body { max-width: 31em; }
@media (min-width: 900px) {
  .grid-5-7 { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .grid-7-5 { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .opp-head { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(40px, 6vw, 96px); }
  .journey-heading { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(40px, 6vw, 96px); }
}
@media (min-width: 1000px) {
  .pillars { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .faq { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
}
/* Fotografias completas, com texto sobre fundo sólido. */
.hero-project { display: block; min-height: 100svh; padding: 124px 0 56px; }
.hero-project .hero-inner {
  width: min(100% - 2 * var(--gutter), var(--max)); margin-inline: auto; padding: 0;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
  align-items: center; gap: clamp(40px, 5vw, 80px); opacity: 1; transform: none;
}
.hero-project-copy { min-width: 0; }
.hero-project .kicker { color: var(--off); }
.hero-project .hero-project-title {
  font-size: clamp(32px, 4.2vw, 64px); line-height: 1.05; letter-spacing: .01em;
  text-wrap: initial; max-width: none; margin: 28px 0;
}
.hero-project .hero-project-title .serif { font-size: .86em; margin-top: .18em; color: var(--off); }
.hero-project-description { max-width: 35em; font-size: clamp(15px, 1.2vw, 18px); line-height: 1.65; color: var(--off); }
.hero-project .hero-ctas { margin-top: 30px; display: grid; justify-items: start; gap: 20px; }
.hero-project .btn { min-height: 64px; }
.hero-model-link { display: inline-flex; align-items: center; gap: 28px; font-size: .82rem; padding-block: 5px; border-bottom: 1px solid var(--off); }
.hero-project-gallery { width: 100%; max-width: 640px; justify-self: end; display: grid; gap: 16px; }
.hero-project-gallery figure { min-width: 0; }
.hero-project-gallery img { width: 100%; height: auto; aspect-ratio: 1672 / 941; object-fit: contain; }
.hero-project-gallery figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; padding-top: 10px; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; line-height: 1.5; color: var(--off); }
.hero-project-interior { width: 74%; justify-self: end; }
.hero-project :focus-visible { outline-color: var(--off); }
@keyframes project-arrival { from { transform: translateY(16px); } to { transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) { .hero-project-gallery { animation: project-arrival .9s var(--ease-out) both; } }
@media (max-width: 899px) {
  .hero-project { padding-block: 108px 56px; }
  .hero-project .hero-inner { grid-template-columns: minmax(0, 1fr); gap: 42px; }
  .hero-project .hero-project-title { font-size: clamp(30px, 6.4vw, 52px); }
  .hero-project-gallery { max-width: none; }
  .hero-project-description { max-width: 40em; }
  .hero-project .hero-ctas { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 28px; }
}
@media (max-width: 600px) {
  .hero-project .hero-ctas { display: grid; width: 100%; }
  .hero-project .hero-ctas > .btn { width: 100%; padding-inline: 18px; font-size: .68rem; letter-spacing: .13em; }
  .hero-project-gallery { gap: 20px; }
  .hero-project-interior { width: 84%; }
  .hero-project-gallery figcaption { font-size: 8px; letter-spacing: .08em; }
  .hero-project-gallery figcaption span:last-child { text-transform: none; letter-spacing: 0; }
}