/* === Editorial pages: /paranormal + /que-es-vino-de-pasto === */

/* ====================================================================== */
/*  PARANORMAL — product page                                              */
/* ====================================================================== */

function ParanormalLegacyUnused() {
  return (
    <Page>
      {/* HERO — both wines side by side */}
      <section style={{ background: "#0e0c08", color: "var(--paper)", position: "relative", overflow: "hidden", borderBottom: "1px solid #000" }}>
        <div className="container" style={{ position: "relative", zIndex: 2, paddingTop: 80, paddingBottom: 80 }}>

          <div style={{ textAlign: "center", marginBottom: 64 }}>
            <div className="case-tag dark" style={{ display: "inline-flex", marginBottom: 28 }}>
              <span>Bodegas Barón</span>
              <span style={{ width: 1, height: 12, background: "currentColor", opacity: 0.5 }} />
              <span>Sanlúcar de Barrameda</span>
            </div>
            <h1 style={{ color: "var(--paper)", marginTop: 0 }}>
              Paranormal.<br/>
              <em style={{ fontFamily: "var(--editorial)", fontStyle: "italic", fontWeight: 300, color: "var(--gold)" }}>
                Strange &amp; Unaccountable.
              </em>
            </h1>
            <p style={{ fontSize: 18, color: "rgba(241,236,224,0.7)", maxWidth: "58ch", margin: "24px auto 0" }}>
              Dos vinos de pasto nacidos de la misma viña, la misma uva y la misma
              bodega. Dos formas de leer el Palomino Fino de El Poedo.
            </p>
          </div>

          <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 48 }}>
            {/* ——— VINO 01: Blanco ——— */}
            <div style={{ padding: "40px 36px", border: "0.5px solid rgba(241,236,224,0.15)", background: "rgba(241,236,224,0.03)" }}>
              <div className="eyebrow" style={{ color: "var(--gold)", marginBottom: 20 }}>Paranormal 01 · Blanco</div>
              <div style={{ display: "flex", justifyContent: "center", marginBottom: 28 }}>
                <img src="/uploads/Vino-blanco-paranormal-2023-baron.jpg.webp" alt="Paranormal Blanco" style={{ width: "100%", maxWidth: 240, height: "auto" }} />
              </div>
              <h3 style={{ color: "var(--paper)", fontSize: 24, marginBottom: 12 }}>Vino Blanco Paranormal</h3>
              <p style={{ color: "rgba(241,236,224,0.75)", fontSize: 15, lineHeight: 1.65, marginBottom: 20 }}>
                Mostos de yema de Palomino Fino de la viña El Poedo.
                Primera fermentación a alta temperatura aprovechando la carga
                orgánica de la primera prensa, seguida de una segunda fermentación
                con las yemas. Ocho meses bajo lías finas seleccionadas en barrica
                de roble. En nariz, compota de manzana. En boca, pera licorosa con
                un pase ligero y su justa permanencia.
              </p>
              <div style={{ display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 16, marginBottom: 24, paddingTop: 20, borderTop: "0.5px solid rgba(241,236,224,0.12)" }}>
                {[["12%","Alcohol"],["8 m.","Barrica"],["750 ml","Formato"]].map(([n,l]) => (
                  <div key={l}>
                    <div style={{ fontFamily: "var(--serif)", fontSize: 22, color: "var(--paper)" }}>{n}</div>
                    <div className="eyebrow" style={{ color: "rgba(241,236,224,0.5)", marginTop: 4, fontSize: 9 }}>{l}</div>
                  </div>
                ))}
              </div>
              <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
                <div style={{ fontFamily: "var(--serif)", fontSize: 32, color: "var(--gold)" }}>15€</div>
                <a href="https://bodegasbaron.es/products/vino-blanco-paranormal" target="_blank" rel="noopener noreferrer" className="btn" style={{ background: "var(--gold)", borderColor: "var(--gold)", color: "var(--ink)" }}>
                  <span>Comprar</span><span className="arrow">→</span>
                </a>
              </div>
              <InlineCoupon tone="dark" />
            </div>

            {/* ——— VINO 02: Blanco Oxidativo ——— */}
            <div style={{ padding: "40px 36px", border: "0.5px solid rgba(241,236,224,0.15)", background: "rgba(241,236,224,0.03)" }}>
              <div className="eyebrow" style={{ color: "var(--gold)", marginBottom: 20 }}>Paranormal 02 · Blanco Oxidativo</div>
              <div style={{ display: "flex", justifyContent: "center", marginBottom: 28 }}>
                <img src="/uploads/Disenosintitulo_7.jpg.webp" alt="Paranormal Blanco Oxidativo" style={{ width: "100%", maxWidth: 240, height: "auto" }} />
              </div>
              <h3 style={{ color: "var(--paper)", fontSize: 24, marginBottom: 12 }}>Vino Blanco Oxidativo Paranormal</h3>
              <p style={{ color: "rgba(241,236,224,0.75)", fontSize: 15, lineHeight: 1.65, marginBottom: 20 }}>
                Mostos procedentes de la viña El Poedo. Envejecimiento
                durante ocho meses sobre sus lías en barricas viejas oxidativas
                de roble americano. Un blanco de pasto seco, salino y largo,
                con la huella sutil del Jerez antiguo. Final atlántico que
                recuerda a la manzanilla sin serlo. Edición limitada de
                1.200 botellas numeradas. Caso nº 001: Levitación de silla.
              </p>
              <div style={{ display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 16, marginBottom: 24, paddingTop: 20, borderTop: "0.5px solid rgba(241,236,224,0.12)" }}>
                {[["12%","Alcohol"],["8 m.","Bota vieja"],["1.200","Botellas"]].map(([n,l]) => (
                  <div key={l}>
                    <div style={{ fontFamily: "var(--serif)", fontSize: 22, color: "var(--paper)" }}>{n}</div>
                    <div className="eyebrow" style={{ color: "rgba(241,236,224,0.5)", marginTop: 4, fontSize: 9 }}>{l}</div>
                  </div>
                ))}
              </div>
              <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
                <div style={{ fontFamily: "var(--serif)", fontSize: 32, color: "var(--gold)" }}>20€</div>
                <a href="https://bodegasbaron.es/products/vino-blanco-oxidativo-paranormal-2023?pr_prod_strat=pinned&pr_rec_id=8f8d7c419&pr_rec_pid=14752944980316&pr_ref_pid=8801107411292&pr_seq=uniform" target="_blank" rel="noopener noreferrer" className="btn" style={{ background: "var(--gold)", borderColor: "var(--gold)", color: "var(--ink)" }}>
                  <span>Comprar</span><span className="arrow">→</span>
                </a>
              </div>
              <InlineCoupon tone="dark" />
            </div>
          </div>
        </div>
      </section>

      {/* VIDEOS — animaciones de etiqueta */}
      <section style={{ background: "#0a0907", color: "var(--paper)", borderBottom: "1px solid #000" }}>
        <div className="container" style={{ padding: "80px 40px" }}>
          <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 48 }}>
            <div>
              <div className="eyebrow" style={{ color: "rgba(241,236,224,0.6)", marginBottom: 16 }}>Animación · Etiqueta Paranormal</div>
              <video src="/uploads/VIDEO IA - etiqueta paranormal.mp4" autoPlay loop muted playsInline style={{ width: "100%", height: "auto", borderRadius: 2, display: "block" }} />
            </div>
            <div>
              <div className="eyebrow" style={{ color: "rgba(241,236,224,0.6)", marginBottom: 16 }}>Animación · Levitación de silla</div>
              <video src="/uploads/haz_que_la_silla_flote_en_un_p_Veo_31_Lite_38756.mp4" autoPlay loop muted playsInline style={{ width: "100%", height: "auto", borderRadius: 2, display: "block" }} />
            </div>
          </div>
        </div>
      </section>

      {/* FICHA TÉCNICA */}
      <section style={{ borderBottom: "var(--hairline)" }}>
        <div className="container" style={{ padding: "80px 40px" }}>
          <div style={{ display: "grid", gridTemplateColumns: "1fr 2fr", gap: 80, alignItems: "start" }}>
            <div>
              <SectionNum n="I.">Ficha técnica</SectionNum>
              <h2>Ficha rápida.</h2>
            </div>
            <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", columnGap: 64 }}>
              <div>
                <WineSpec label="Tipo" value="Vino blanco · Vino de pasto" />
                <WineSpec label="Uva" value="Palomino Fino · 100%" />
                <WineSpec label="Alcohol" value="12% vol." />
                <WineSpec label="Azúcar" value="< 0,01 g/l (seco)" />
                <WineSpec label="Crianza" value="8 meses sobre lías" />
              </div>
              <div>
                <WineSpec label="Origen" value="Sanlúcar de Barrameda" />
                <WineSpec label="Viña" value="El Poedo · Albariza" />
                <WineSpec label="Servicio" value="7 – 8 ºC" />
                <WineSpec label="Edición" value="1.200 botellas numeradas" />
                <WineSpec label="Bodega" value="Bodegas Barón" />
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* CASE NARRATIVE — Levitación de silla */}
      <section style={{ background: "#0a0907", color: "var(--paper)", borderBottom: "1px solid #000" }}>
        <div className="container" style={{ padding: "100px 40px" }}>
          <div style={{ display: "grid", gridTemplateColumns: "1fr 1.1fr", gap: 80, alignItems: "center" }}>
            <div style={{ background: "var(--paper)", padding: 24, boxShadow: "0 30px 60px rgba(0,0,0,0.45)" }}>
              <img src="/uploads/Captura de pantalla 2026-05-19 a las 18.55.59.png" alt="Expediente Caso 001" style={{ width: "100%", display: "block" }} />
            </div>
            <div>
              <div className="case-tag dark" style={{ marginBottom: 24 }}>
                <span>Expediente</span>
                <span style={{ width: 1, height: 12, background: "currentColor", opacity: 0.5 }} />
                <span>Caso 001</span>
              </div>
              <h2 style={{ color: "var(--paper)" }}>
                Levitación<br/>
                <em style={{ fontFamily: "var(--editorial)", fontStyle: "italic", color: "var(--gold)" }}>de silla.</em>
              </h2>
              <p style={{ marginTop: 24, color: "rgba(241,236,224,0.78)", fontSize: 17, lineHeight: 1.7, maxWidth: "48ch" }}>
                Sanlúcar, invierno. Un capataz revisa la criadera del Pago El Poedo y
                anota lo que ve: una silla, suspendida sobre la chimenea apagada, dos
                palmos por encima del suelo. No hay viento. No hay cordel. Cuando la
                aguja del reloj cambia, la silla baja.
              </p>
              <p style={{ marginTop: 16, color: "rgba(241,236,224,0.78)", fontSize: 17, lineHeight: 1.7, maxWidth: "48ch" }}>
                El dossier termina con una nota a lápiz: <em>«Las botas que están
                debajo son las que mejor saben.»</em> Tres añadas después, las
                catamos. El vino salió así.
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* MARIDAJE */}
      <section className="section-pad" style={{ borderBottom: "var(--hairline)" }}>
        <div className="container">
          <SectionNum n="II.">Mesa</SectionNum>
          <div style={{ display: "grid", gridTemplateColumns: "1fr 2fr", gap: 80 }}>
            <h2>
              Maridaje.<br/>
              <em style={{ color: "var(--engrave)", fontStyle: "italic" }}>Mediterráneo, salino, generoso.</em>
            </h2>
            <p style={{ fontSize: 17, lineHeight: 1.7, color: "var(--engrave)" }}>
              Ideal para la cocina mediterránea: mariscos frescos —gambas blancas,
              almejas, ostra—, foie de pato, ibéricos de bellota, quesos semi y
              curados. La salinidad del vino responde a la salinidad del marisco.
              El final oxidativo limpia la grasa sin entrar en el dulzor habitual.
              Servir entre 7 y 8 ºC en copa de vino blanco.
            </p>
          </div>
        </div>
      </section>

      {/* CTA compra */}
      <section style={{ background: "var(--ink)", color: "var(--paper)" }}>
        <div className="container" style={{ padding: "80px 40px", textAlign: "center" }}>
          <h2 style={{ color: "var(--paper)", maxWidth: 700, margin: "0 auto", fontSize: "clamp(28px, 4vw, 48px)", lineHeight: 1.15 }}>
            <span style={{ display: "block" }}>Paranormal no es un vino extraño.</span>
            <em style={{ fontFamily: "var(--editorial)", fontStyle: "italic", fontWeight: 300, color: "var(--gold)" }}>
              Es una forma distinta de volver a mirar Jerez.
            </em>
          </h2>
          <div style={{ marginTop: 40 }}>
            <a href="https://bodegasbaron.es/collections/tienda-online?filter.v.price.gte=&filter.v.price.lte=&filter.p.tag=Paranormal&sort_by=manual" target="_blank" rel="noopener noreferrer" className="btn" style={{ background: "var(--gold)", borderColor: "var(--gold)", color: "var(--ink)" }}>
              <span>Ver todos los Paranormal en Bodegas Barón</span><span className="arrow">↗</span>
            </a>
          </div>
        </div>
      </section>
    </Page>
  );
}

/* ====================================================================== */
/*  QUE ES VINO DE PASTO — long form editorial                             */
/* ====================================================================== */


function QueEs() {
  const en = window.location.pathname.startsWith("/en");
  const sections = en ? [
    { id: "definition", n: "I", t: "Definition" },
    { id: "origin", n: "II", t: "Historical origin" },
    { id: "marco", n: "III", t: "Jerez, Sanlúcar and Palomino" },
    { id: "difference", n: "IV", t: "What it is not" },
    { id: "return", n: "V", t: "Why it has returned" },
    { id: "service", n: "VI", t: "Service and pairing" },
  ] : [
    { id: "definicion", n: "I", t: "Definición" },
    { id: "origen", n: "II", t: "Origen histórico" },
    { id: "marco", n: "III", t: "Jerez, Sanlúcar y Palomino" },
    { id: "diferencia", n: "IV", t: "Diferencia con los generosos" },
    { id: "regreso", n: "V", t: "Por qué han vuelto" },
    { id: "servicio", n: "VI", t: "Servicio y maridaje" },
  ];
  const meta = en ? [
    ["READ", "9 minutes"], ["AUTHOR", "VdP editorial"], ["UPDATED", "May 2026"], ["CATEGORY", "Foundations"]
  ] : [
    ["LECTURA", "9 minutos"], ["AUTORÍA", "Redacción VdP"], ["ACTUALIZADO", "Mayo 2026"], ["CATEGORÍA", "Fundamentos"]
  ];
  const copy = en ? {
    eyebrow: "Editorial guide · Category",
    h1a: "What is", h1b: "Vino de Pasto?",
    intro: "The Atlantic white side of Jerez: dry, light, unfortified. A style once close to the daily table of the Marco, now being bottled again by producers who know that freshness, soil and restraint also belong here.",
    index: "Sections", wine: "The wine", file: "View file", close: "Close",
    s1n: "I.", s1l: "Definition", s1h: "A dry, light, unfortified white.",
    s1p1: "In the Marco de Jerez, Vino de Pasto refers to the dry white wines that were drunk at the table: usually Palomino Fino, unfortified, made to accompany food rather than to enter the world of fortified sherry.",
    s1p2: "Today it is not a strict legal category. It is a cultural recovery. Family wineries such as Barón are bottling again what for decades often remained local, informal or absorbed into the wider sherry landscape.",
    s2l: "Historical origin", s2h: "Before the fortified icon, the vineyard white.",
    s2p1: "For centuries, in the pagos of Jerez and Sanlúcar, white wine was also drunk young, dry and close to the vineyard. When sherry became an international business in the nineteenth century, fino, oloroso and the great fortified styles took most of the commercial attention.",
    s2p2: "Those quieter whites stayed closer to the family table. The current interest does not invent them; it brings them back into view with better bottling, clearer intention and a market ready to understand them.",
    s3l: "Marco", s3h: "Sanlúcar, Palomino, albariza.",
    s3p1: "Most contemporary Vino de Pasto is made with Palomino Fino, the same grape behind fino and manzanilla. What changes is the path: instead of being fortified and led into biological ageing, it is treated as a dry white wine.",
    s3p2: "Albariza, the white chalky soil of the Marco, stores winter water and gives the wines their lean, saline line. Sanlúcar adds Atlantic air, lower heat pressure and a naturally coastal profile. Paranormal comes from Sanlúcar.",
    s4l: "Difference", s4h: "What it is not.",
    comp: [["Fino", "Fortified to around 15%. Biological ageing under flor. Dry, sharp, almond-like. Not Vino de Pasto."], ["Manzanilla", "The Sanlúcar expression of fino. Finer, saltier, also under flor. Not Vino de Pasto."], ["Amontillado", "A fino that has lost flor and moved into oxidative ageing. A different family."], ["Vino de Pasto", "Still white wine, unfortified. It may have lees or oxidative ageing, but it is not built as a fortified sherry."]],
    s5l: "Return", s5h: "Why it has returned.",
    s5p1: "Three reasons: a contemporary thirst for lighter Atlantic whites, a renewed respect for Palomino outside the solera system, and a wider market interest in wines that speak clearly of place.",
    s5p2: "Paranormal enters that conversation with a specific gesture: old casks, measured oxidation and a Sanlúcar reading of Palomino. Not to imitate a fortified wine, but to give a dry white more depth without losing its table character.",
    s6l: "Service", s6h: "How to serve and pair it.",
    s6p: "Serve as a gastronomic white: cool, not icy, around 7-9 ºC, in a white-wine glass rather than a sherry copita. It works with seafood, oily fish, Iberian pork, duck foie gras, mature cheeses and Mediterranean rice dishes.",
    ctaK: "Closing note", ctaH: "The Atlantic white of Jerez.", ctaP: "Paranormal gives the style a concrete bottle. For a first approach, it is an easy place to begin.", cta1: "See Paranormal", cta2: "Buy with code"
  } : {
    eyebrow: "Guía editorial · Categoría",
    h1a: "Qué es un", h1b: "vino de pasto.",
    intro: "El blanco atlántico de Jerez. Seco, ligero, sin encabezar. Una forma de beber el Marco que estuvo cerca de la mesa diaria y que hoy algunas bodegas vuelven a embotellar con intención clara.",
    index: "Secciones", wine: "El vino", file: "Ver ficha", close: "Cerrar",
    s1n: "I.", s1l: "Definición", s1h: "Un blanco seco, ligero, sin encabezar.",
    s1p1: "En el Marco de Jerez, vino de pasto nombra los blancos de mesa: normalmente Palomino Fino, sin fortificar, pensados para acompañar comida y conversación, no para ocupar el lugar de los generosos.",
    s1p2: "Hoy no es una D.O. ni una categoría legal cerrada. Es una recuperación cultural. Bodegas familiares como Barón vuelven a embotellar lo que durante décadas quedó cerca del consumo local o se diluyó dentro del paisaje del Jerez.",
    s2l: "Origen histórico", s2h: "Antes del generoso, el blanco de viña.",
    s2p1: "Durante siglos, en los pagos de Jerez y Sanlúcar también se bebía vino blanco joven, seco y próximo a la viña. Cuando el negocio del Jerez se internacionalizó en el siglo XIX, el fino, el oloroso y los grandes estilos encabezados ocuparon casi todo el foco comercial.",
    s2p2: "Aquellos blancos más silenciosos quedaron cerca de la mesa familiar. El interés actual no los inventa: los vuelve a poner a la vista con mejor embotellado, intención más precisa y un mercado dispuesto a entenderlos.",
    s3l: "Marco", s3h: "Sanlúcar, Palomino, albariza.",
    s3p1: "El vino de pasto contemporáneo se hace, casi siempre, con Palomino Fino, la misma uva del fino y la manzanilla. Lo que cambia es el destino: en lugar de encabezar y entrar en crianza biológica, se vinifica y se cría como blanco.",
    s3p2: "La albariza, blanca y caliza, guarda agua de invierno y da vinos salinos, verticales y de cierta ligereza. Sanlúcar suma aire atlántico, menos presión de calor y una expresión naturalmente costera. Paranormal viene de Sanlúcar.",
    s4l: "Diferencia", s4h: "Lo que no es.",
    comp: [["Fino", "Encabezado a unos 15%. Crianza biológica bajo velo de flor. Seco, punzante, almendrado. No es vino de pasto."], ["Manzanilla", "La expresión sanluqueña del fino. Más fina, más salina, también bajo velo. No es vino de pasto."], ["Amontillado", "Fino que ha perdido el velo y pasa a crianza oxidativa. Pertenece a otra familia."], ["Vino de pasto", "Blanco tranquilo, sin encabezar. Puede tener lías o crianza oxidativa, pero no está construido como un generoso."]],
    s5l: "Regreso", s5h: "Por qué han vuelto.",
    s5p1: "Tres motivos: la sed contemporánea por blancos atlánticos más ligeros, la revalorización del Palomino fuera del soleraje y un interés de mercado por vinos que hablan con claridad de su origen.",
    s5p2: "Paranormal entra en esa conversación con un gesto concreto: botas viejas, oxidación medida y una lectura sanluqueña del Palomino. No para imitar a un generoso, sino para dar fondo a un blanco seco sin perder su carácter de mesa.",
    s6l: "Servicio", s6h: "Cómo se sirve y se marida.",
    s6p: "Como un blanco gastronómico: frío, pero no helado, alrededor de 7-9 ºC, en copa de vino blanco y no de generoso. Funciona con mariscos, pescado azul, ibéricos, foie de pato, quesos curados y arroces mediterráneos.",
    ctaK: "Cierre", ctaH: "El blanco atlántico de Jerez.", ctaP: "Paranormal traduce la categoría a una botella concreta. Si quieres empezar por uno, empieza por este.", cta1: "Ver Paranormal", cta2: "Comprar con código"
  };

  const TocList = () => <ul>{sections.map(s => <li key={s.id}><a href={"#" + s.id}><span className="kicker">{s.n}.</span><span>{s.t}</span></a></li>)}</ul>;
  const pathParanormal = en ? "/en/paranormal" : "/paranormal";

  return <Page>
    <section style={{ borderBottom: "var(--hairline)" }}>
      <div className="container que-es-hero" style={{ paddingTop: 100, paddingBottom: 80 }}>
        <div className="eyebrow">{copy.eyebrow}</div>
        <h1 style={{ marginTop: 24, maxWidth: "13ch" }}>{copy.h1a}<br/><em style={{ fontFamily: "var(--editorial)", fontStyle: "italic", fontWeight: 300, color: "var(--engrave)" }}>{copy.h1b}</em></h1>
        <p style={{ fontSize: 21, lineHeight: 1.55, marginTop: 40, maxWidth: "46ch", color: "var(--ink-soft)" }}>{copy.intro}</p>
        <div className="editorial-meta-grid" style={{ display: "grid", gridTemplateColumns: "repeat(4, 1fr)", borderTop: "var(--hairline)", marginTop: 64 }}>
          {meta.map(([k,v],i)=><div key={k} style={{ padding: "20px 24px", borderLeft: i===0?"none":"var(--hairline)" }}><div className="eyebrow">{k}</div><div style={{ marginTop: 6, fontFamily: "var(--serif)", fontSize: 17 }}>{v}</div></div>)}
        </div>
      </div>
    </section>

    <section className="section-pad editorial-section-main" style={{ borderBottom: "var(--hairline)" }}>
      <div className="container editorial-shell" style={{ display: "grid", gridTemplateColumns: "220px 1fr", gap: 80, alignItems: "start" }}>
        <details className="mobile-section-drawer">
          <summary><span>{copy.index}</span><span className="drawer-symbol">+</span></summary>
          <TocList />
        </details>
        <aside className="editorial-toc" style={{ position: "sticky", top: 88 }}>
          <div className="eyebrow" style={{ marginBottom: 18 }}>{copy.index}</div>
          <TocList />
          <div style={{ marginTop: 34, padding: 20, border: "0.5px solid var(--ink)" }}><div className="eyebrow">{copy.wine}</div><h3 style={{ marginTop: 10 }}>Paranormal</h3><Link to={pathParanormal} className="btn-link" style={{ marginTop: 12, display: "inline-block" }}>{copy.file} →</Link></div>
        </aside>
        <article className="editorial-article" style={{ maxWidth: 720, marginLeft: "auto" }}>
          <section id={sections[0].id}><SectionNum n={copy.s1n}>{copy.s1l}</SectionNum><h2>{copy.s1h}</h2><p className="dropcap">{copy.s1p1}</p><p>{copy.s1p2}</p></section>
          <hr className="rule" />
          <section id={sections[1].id}><SectionNum n="II.">{copy.s2l}</SectionNum><h2>{copy.s2h}</h2><p>{copy.s2p1}</p><p>{copy.s2p2}</p></section>
          <hr className="rule" />
          <section id={sections[2].id}><SectionNum n="III.">{copy.s3l}</SectionNum><h2>{copy.s3h}</h2><p>{copy.s3p1}</p><p>{copy.s3p2}</p></section>
          <hr className="rule" />
          <section id={sections[3].id}><SectionNum n="IV.">{copy.s4l}</SectionNum><h2>{copy.s4h}</h2><div className="comparison-grid">{copy.comp.map(([k,v],i)=><div key={k}><h3>{k}</h3><p>{v}</p></div>)}</div></section>
          <hr className="rule" />
          <section id={sections[4].id}><SectionNum n="V.">{copy.s5l}</SectionNum><h2>{copy.s5h}</h2><p>{copy.s5p1}</p><p>{copy.s5p2}</p></section>
          <hr className="rule" />
          <section id={sections[5].id}><SectionNum n="VI.">{copy.s6l}</SectionNum><h2>{copy.s6h}</h2><p>{copy.s6p}</p><div className="editorial-cta-box"><div className="eyebrow">{copy.ctaK}</div><h3>{copy.ctaH}</h3><p>{copy.ctaP}</p><div><Link to={pathParanormal} className="btn"><span>{copy.cta1}</span><span className="arrow">→</span></Link><Link to={pathParanormal} className="btn btn-ghost"><span>{copy.cta2}</span></Link></div></div></section>
        </article>
      </div>
    </section>
  </Page>;
}


Object.assign(window, { QueEs });
