.manifesto-hero { min-height: 78vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 10rem clamp(1.2rem,7vw,8rem) clamp(5rem,8vw,8rem); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 30%,rgba(180,154,105,.07),transparent 24%); }
.manifesto-hero h1 { max-width: 75rem; margin: 1.4rem 0 0; font: 500 clamp(4rem,9vw,9rem)/.82 Sora,sans-serif; letter-spacing: -.09em; }
.manifesto-hero h1 em { display: block; margin-top: .22em; color: var(--gold); font: italic 500 clamp(2.6rem,6vw,5.8rem)/.9 "Cormorant Garamond",Georgia,serif; letter-spacing: -.045em; }
.manifesto-meta { display: flex; flex-wrap: wrap; gap: .7rem 2rem; margin-top: 3rem; color: var(--muted); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.manifesto-shell { display: grid; grid-template-columns: 13rem minmax(0,1fr); gap: clamp(3rem,8vw,9rem); padding: clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem); }
.manifesto-index { position: sticky; top: 110px; align-self: start; display: grid; gap: 1rem; }
.manifesto-index span { margin-bottom: .5rem; color: var(--gold); font: 500 .5rem Sora,sans-serif; letter-spacing: .2em; }
.manifesto-index a { color: rgba(236,235,228,.42); font: 500 .55rem/1.4 Sora,sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.manifesto-index a:hover { color: var(--gold); }
.manifesto-content { max-width: 72rem; }
.manifesto-chapter { display: grid; grid-template-columns: 4rem minmax(0,1fr); gap: clamp(1.2rem,3vw,3rem); padding: 0 0 clamp(5rem,9vw,9rem); margin-bottom: clamp(5rem,9vw,9rem); border-bottom: 1px solid var(--line); scroll-margin-top: 110px; }
.chapter-number { color: var(--gold); font: italic 500 2rem/1 "Cormorant Garamond",Georgia,serif; }
.chapter-copy h2 { max-width: 55rem; margin: 0 0 3rem; font: 400 clamp(2.2rem,4vw,4.2rem)/1.05 Sora,sans-serif; letter-spacing: -.06em; }
.chapter-copy h2 em { display: block; margin-top: .35rem; color: var(--muted); font: italic 500 .55em/1.1 "Cormorant Garamond",Georgia,serif; letter-spacing: -.02em; }
.language-pair { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,5rem); }
.language { position: relative; padding-top: 2rem; border-top: 1px solid var(--line); }
.language::before { position: absolute; top: .65rem; color: var(--gold); font: 500 .48rem Sora,sans-serif; letter-spacing: .18em; }
.language.es::before { content: "ESP"; }
.language.en::before { content: "ENG"; }
.language p, .language li { color: #b8bbb5; font-size: clamp(.95rem,1.1vw,1.08rem); line-height: 1.9; }
.language.en p, .language.en li { color: var(--muted); font-family: "Cormorant Garamond",Georgia,serif; font-size: clamp(1.08rem,1.35vw,1.3rem); font-style: italic; line-height: 1.65; }
.language strong { color: var(--ink); font-weight: 500; }
.language ul { padding-left: 1.25rem; }
.language li + li { margin-top: .85rem; }
.manifesto-signature { padding-left: 7rem; }
.manifesto-signature p { max-width: 48rem; margin: 0; color: var(--gold); font: italic 500 clamp(2.4rem,5vw,5rem)/1 "Cormorant Garamond",Georgia,serif; }
@media (max-width: 900px) { .manifesto-shell { grid-template-columns: 1fr; } .manifesto-index { position: static; grid-template-columns: repeat(5,1fr); } .manifesto-index span { grid-column: 1/-1; } }
@media (max-width: 680px) { .manifesto-hero h1 { font-size: clamp(3.6rem,19vw,5rem); } .manifesto-index { grid-template-columns: 1fr 1fr; } .manifesto-chapter { grid-template-columns: 1fr; } .language-pair { grid-template-columns: 1fr; } .manifesto-signature { padding-left: 0; } }