:root{
    --ink:#1c1410; --paper:#f4ece0; --paper-2:#ece0cf;
    --wine:#6b1f2a; --wine-2:#8b2a38; --gold:#b8863b; --gold-2:#d4a95a;
    --muted:#6b5d4d;
    --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
    --sans:'Jost','Helvetica Neue',Arial,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:var(--sans);color:var(--ink);background:#140a0f;line-height:1.75;font-weight:300}
  h1,h2,h3,.serif{font-family:var(--serif)}
  a{color:var(--wine);text-decoration:none;border-bottom:1px solid rgba(184,134,59,.5);transition:.25s}
  a:hover{color:var(--gold-2);border-color:var(--gold-2)}
  .wrap{max-width:860px;margin:0 auto;padding:0 28px}

  .cp-hero{background:radial-gradient(120% 90% at 78% 8%,#4a2028 0%,#2a1218 46%,#140a0f 100%);color:var(--paper);
    padding:120px 0 64px}
  .cp-hero .eyebrow{font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:var(--gold-2);
    display:inline-flex;align-items:center;gap:12px;margin-bottom:20px}
  .cp-hero .eyebrow::before{content:'';width:26px;height:1px;background:currentColor;opacity:.6}
  .cp-hero h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:500;line-height:1.02}
  .cp-hero h1 em{font-style:italic;color:var(--gold-2)}
  .cp-hero .sub{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:#e8dcc8;margin-top:16px}
  .cp-hero a.back{color:var(--gold-2);border:none;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;
    display:inline-block;margin-bottom:34px}

  :focus-visible{outline:3px solid var(--gold-2);outline-offset:4px}
  main{padding:70px 0 90px;background:var(--paper)}
  .layout{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:start}
  .cover-col img{width:100%;height:auto;border-radius:3px;box-shadow:0 26px 60px -22px rgba(28,20,16,.7);
    border:1px solid rgba(28,20,16,.2)}
  .cover-col .cat{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:18px 0 6px;font-weight:600}
  .cover-col .yr{font-size:.9rem;color:var(--muted)}
  .body-col h2{font-size:1.7rem;color:var(--wine);font-weight:600;margin:36px 0 12px}
  .body-col h2:first-child{margin-top:0}
  .body-col p{margin-bottom:18px;color:#3a2e22;font-size:1.08rem}
  .placeholder{background:#fbf5ea;border:1px dashed rgba(184,134,59,.5);border-radius:3px;padding:26px 28px;
    color:var(--muted);font-style:italic;margin:8px 0 24px}
  .lead{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--wine);line-height:1.4;margin-bottom:24px}
  .backlink{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:.8rem;letter-spacing:.14em;
    text-transform:uppercase;color:var(--wine);font-weight:500;border-bottom:1px solid var(--gold);padding-bottom:3px}

  footer{background:#140a0f;color:#b5a486;padding:40px 0;text-align:center;font-size:.82rem;letter-spacing:.04em}
  footer a{color:var(--gold-2);border:none}
  .footer-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left}
  .footer-meta [data-apexo-credit]{margin-left:auto}
  @media(max-width:720px){
    .cp-hero{padding:100px 0 48px}
    main{padding:48px 0 64px}
    .layout{grid-template-columns:1fr;gap:32px}
    .cover-col{max-width:240px;margin:0 auto;text-align:center}
  }
  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{transition-duration:.01ms!important}
  }