/* PG Cartographer — scoped to .pg-cartographer. Ported from DRobb .cartographer.
   Section uses base .pg-reveal (fades in); bg grid + rose needle key on .pg-in. */

.pg-cartographer{ padding:200px 96px; background:var(--pg-bone-warm); border-top:1px solid var(--pg-ink-thread); position:relative; overflow:hidden; }
.pg-cartographer .container{ max-width:720px; margin:0 auto; text-align:center; position:relative; z-index:2; }
.pg-cartographer .bg-layer{ position:absolute; inset:0; opacity:0; transform:scale(1.04); transition:opacity 2400ms var(--pg-ease), transform 2400ms var(--pg-ease); pointer-events:none; z-index:0; }
.pg-cartographer.pg-in .bg-layer{ opacity:.14; transform:scale(1); }
.pg-cartographer .bg-layer svg{ width:100%; height:100%; display:block; overflow:visible; }
.pg-cartographer .bg-layer .grid{ fill:none; stroke:var(--pg-ink); stroke-width:.7; stroke-linecap:round; }
.pg-cartographer .bg-layer .grid-dash{ fill:none; stroke:var(--pg-ink); stroke-width:.5; stroke-linecap:round; stroke-dasharray:3 5; }
.pg-cartographer .bg-layer .grid-faint{ fill:none; stroke:var(--pg-ink); stroke-width:.4; }
.pg-cartographer .marker{ display:inline-flex; align-items:center; gap:14px; font-family:var(--pg-font-sans); font-size:10px; text-transform:uppercase; letter-spacing:.32em; color:var(--pg-ink-soft); margin-bottom:48px; justify-content:center; }
.pg-cartographer .marker .rule{ width:36px; height:1px; background:var(--pg-ink-soft); }
.pg-cartographer .marker .title-l{ text-align:right; white-space:nowrap; }
.pg-cartographer .marker .title-r{ text-align:left; white-space:nowrap; }
.pg-cartographer .marker em{ color:var(--pg-terracotta); font-style:normal; letter-spacing:0; font-size:13px; font-family:var(--pg-font-italic); text-transform:none; }
.pg-cartographer .small-rose{ width:180px; height:180px; margin:0 auto 56px; opacity:.92; }
.pg-cartographer .small-rose svg{ width:100%; height:100%; }
.pg-cartographer .small-rose .needle{ transform-origin:100px 100px; transform:rotate(540deg); transition:transform 4400ms cubic-bezier(.22,1,.18,1) 400ms; }
.pg-cartographer.pg-in .small-rose .needle{ transform:rotate(0deg); }
.pg-cartographer h2{ font-family:var(--pg-font-display); font-weight:300; font-variation-settings:"opsz" 144; font-size:clamp(44px,5.8vw,80px); line-height:1.02; letter-spacing:-.020em; text-transform:lowercase; color:var(--pg-ink); margin-bottom:48px; }
.pg-cartographer h2 em{ font-style:italic; color:var(--pg-terracotta); }
.pg-cartographer .prose p{ font-family:var(--pg-font-italic); font-size:21px; line-height:1.65; color:var(--pg-ink); margin-bottom:1.4em; text-align:left; }
.pg-cartographer .prose p:last-child{ margin-bottom:0; }
.pg-cartographer .prose p em{ font-style:italic; color:var(--pg-terracotta); }
.pg-cartographer .prose p strong{ font-weight:400; font-style:italic; background:linear-gradient(transparent 64%, rgba(200,146,61,.22) 64%); padding:0 2px; }
@media (prefers-reduced-motion: reduce){ .pg-cartographer .small-rose .needle{ transform:rotate(0deg); } .pg-cartographer .bg-layer{ opacity:.14; transform:none; } }
@media (max-width:880px){ .pg-cartographer{ padding:110px 24px; } }