/* Readable gold is reserved for small text on the site's light surfaces. */
:root { --gold-text: #88672F; }
/* A quiet, textured pause; only the artwork is translucent. */
.personal-introduction{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:88px 8%;overflow:hidden}
.personal-introduction::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/soy-renato-textura-luz-v1.png') center/cover no-repeat;opacity:.16;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent)}
.personal-introduction h2{margin:0;max-width:850px;font-size:clamp(32.4px,3.4vw,48px);line-height:1.18;text-wrap:balance}
.personal-introduction p{margin:0;max-width:650px;font-size:18px;line-height:1.75;color:var(--muted);text-wrap:pretty}
.history-intro .eyebrow,
.history-chapter .eyebrow,
.library-discovery .eyebrow,
.discovery-notes p,
.discovery-thinking-label,
.talks-info .talks-frequency,
.letter-recipient,
#reader-content .reader-section-title { color: var(--gold-text); }

/* Chapters retain Renato's approved words, with a quieter reading rhythm. */
.history-intro { padding-bottom: clamp(64px, 7vw, 104px); }
.history-intro p:not(.eyebrow) { line-height: 1.75; }
.history-chapter { padding-block: clamp(64px, 6vw, 88px); }
.history-chapter p:not(.eyebrow) { line-height: 1.8; max-width: 66ch; }
.history-chapter p + p { margin-top: 1.45em; }
.history-chapter h2 { text-wrap: balance; }
.history-beginning-copy, .history-search-columns { min-width: 0; }
.history-search-columns p { margin-bottom: 1.45em; }
.history-chapter-sharing .history-beginning-heading .actions { margin-top: 48px; }
.history-intro-collage img[src*="renato-auditorio-collage"] { object-position: 16% 100%; }

/* Art breathes slowly; functional light makes one passage and then rests. */
@media (prefers-reduced-motion: no-preference) {
  .pillar-triad .ein-sof-sun img, .discovery-sun img { animation-duration: 300s, 18s; }
  .ein-sof-sun .sun-halo-inner, .ein-sof-sun .sun-halo-outer { animation-duration: 18s; }
  .library-art-bridge::after { animation-duration: 16s; }
  .history-chapter-sharing .history-beginning-heading .button::after {
    animation-name: editorial-invitation-light;
    animation-duration: 11s;
  }
  .discovery-orbit::after { animation-name: editorial-search-light; animation-duration: 14s; }
  .library-discovery[data-phase="complete"] .discovery-spark {
    animation-iteration-count: 2;
    animation-fill-mode: forwards;
  }
}
@keyframes editorial-invitation-light {
  0%, 12% { left: -70%; opacity: 0; }
  18% { opacity: .55; }
  34%, 100% { left: 135%; opacity: 0; }
}
@keyframes editorial-search-light {
  0%, 12% { transform: translateX(-75%); opacity: 0; }
  18% { opacity: .65; }
  36%, 100% { transform: translateX(75%); opacity: 0; }
}
@media (max-width: 760px) {
  .personal-introduction { gap:24px; padding:64px 7%; }
  .personal-introduction p { font-size: 17px; }
  .history-intro { gap: 32px; padding-bottom: 56px; }
  .history-chapter { padding-block: 48px; }
  .history-chapter.history-chapter-beginning { row-gap: 20px; }
  .history-search-label { margin-bottom: 0; }
  .history-search-heading { gap: 20px; margin-bottom: 24px; }
  .history-search-body { gap: 28px; }
  .history-chapter p:not(.eyebrow) { line-height: 1.75; }
  .history-intro-collage { width: 100%; max-width: 360px; }
  .history-intro-collage img[src*="renato-escritorio-collage"] {
    transform: scale(1.45); transform-origin: 50% 40%;
  }
  .history-chapter-sharing .history-beginning-heading .actions { margin-top: 32px; margin-bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .pillar-triad .ein-sof-sun img, .discovery-sun img, .ein-sof-sun .sun-halo,
  .library-art-bridge::after, .discovery-orbit::after,
  .history-chapter-sharing .history-beginning-heading .button::after,
  .discovery-spark { animation: none; }
}

.talks-next-date{font-size:14px;color:var(--gold-text)!important;margin-top:32px}
.talks-access-note{font-size:14px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;max-width:42ch}
.hero-question{color:var(--gold-text)}

/* Hero: give each reading step room and align the portrait to the full copy. */
.hero-copy .intro{margin-top:48px;margin-bottom:0}
.hero-copy .actions{margin-top:48px}
@media(min-width:761px){
 .hero .hero-portrait{align-self:stretch;height:auto;min-height:560px}
 .hero .hero-portrait img{position:absolute;inset:0;width:100%;height:100%}
}
@media(max-width:760px){
 .hero-copy .intro{margin-top:36px}
 .hero-copy .actions{margin-top:36px}
}

.talks-access{margin-top:28px}
.talks-access .button{background:var(--gold);border-color:var(--gold);color:#fff}
.talks-access .button:hover{background:var(--gold-text);border-color:var(--gold-text)}
.talks-access .button:disabled{background:var(--gold);border-color:var(--gold);opacity:1;cursor:not-allowed;transform:none}

.history-intro-collage .history-collage-split img[src*="renato-retrato-blanco-negro"] { object-position: 55% center; transform: none; }