/* PG Spread Intro — scoped to .pg-spread-intro. Ported from DRobb .spread-intro. */
.pg-spread-intro{ padding:200px 56px 96px; background:var(--pg-bone); border-top:1px solid var(--pg-ink-thread); text-align:center; }
.pg-spread-intro .container{ max-width:1080px; margin:0 auto; }
.pg-spread-intro .marker{ display:inline-flex; align-items:center; gap:14px; font-family:var(--pg-font-sans); font-weight:300; text-transform:uppercase; letter-spacing:.34em; font-size:10px; color:var(--pg-ink-soft); margin-bottom:56px; }
.pg-spread-intro .marker .rule{ width:32px; height:1px; background:var(--pg-ink-thread); }
.pg-spread-intro h2{ font-family:var(--pg-font-display); font-weight:300; font-variation-settings:"opsz" 144; font-size:clamp(48px,6.4vw,100px); line-height:1.02; letter-spacing:-.022em; text-transform:lowercase; color:var(--pg-ink); margin-bottom:48px; }
.pg-spread-intro h2 em{ font-style:italic; color:var(--pg-terracotta); }
.pg-spread-intro .lead{ font-family:var(--pg-font-italic); font-size:26px; line-height:1.55; color:var(--pg-ink); margin:0 auto; max-width:56ch; }
.pg-spread-intro .lead em{ font-style:italic; color:var(--pg-terracotta); }
.pg-spread-intro .lead strong{ font-weight:400; font-style:italic; background:linear-gradient(transparent 64%, rgba(200,146,61,.22) 64%); padding:0 2px; }
.pg-spread-intro .lift{ margin-top:64px; font-family:var(--pg-font-display); font-weight:300; font-variation-settings:"opsz" 144; font-size:clamp(44px,5.8vw,72px); line-height:1; letter-spacing:-.020em; color:var(--pg-ink); text-transform:lowercase; clip-path:inset(0 100% 0 0); padding:8px 0; transition:clip-path 1500ms var(--pg-ease) 300ms; }
.pg-spread-intro .lift.pg-in{ clip-path:inset(0 0 0 0); }
.pg-spread-intro .lift em{ font-style:italic; color:var(--pg-terracotta); }
@media (prefers-reduced-motion: reduce){ .pg-spread-intro .lift{ clip-path:none; } }
@media (max-width:880px){ .pg-spread-intro{ padding:110px 24px 64px; } }