.is-art { background: #ffffff; font-family: 'Inter', system-ui, sans-serif; color: #1a1513; }

  /* HERO */
  .is-art__hero { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 70px clamp(20px, 4vw, 48px) 80px; position: relative; }
  .is-art__hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.3) 50%, transparent); }
  .is-art__hero-inner { max-width: 820px; margin: 0 auto; }

  .is-art__back { display: inline-block; font-size: 11px; letter-spacing: 0.22em; color: #8a7f6e; text-transform: uppercase; text-decoration: none; margin-bottom: 32px; transition: color 0.2s; }
  .is-art__back:hover { color: #c9a96e; }

  .is-art__tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 22px; }
  .is-art__tag { font-size: 10px; letter-spacing: 0.18em; color: #c9a96e; text-transform: uppercase; background: rgba(201,169,110,0.12); border: 1px solid rgba(201,169,110,0.22); padding: 5px 12px; border-radius: 99px; font-weight: 500; }

  .is-art__h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(36px, 5.2vw, 62px); font-weight: 300; line-height: 1.1; margin: 0 0 22px; color: #f5f0e8; letter-spacing: -0.01em; }

  .is-art__sub { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: clamp(18px, 2vw, 24px); line-height: 1.5; color: #c9a96e; opacity: 0.85; margin: 0 0 28px; font-weight: 300; max-width: 680px; }

  .is-art__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; font-size: 11px; letter-spacing: 0.16em; color: #8a7f6e; text-transform: uppercase; padding-top: 22px; border-top: 1px solid rgba(200,168,113,0.12); }
  .is-art__dot { width: 3px; height: 3px; border-radius: 50%; background: #c9a96e; }

  /* BODY — editorial long-form typography */
  .is-art__body { padding: 80px clamp(20px, 4vw, 48px) 60px; }
  .is-art__body-inner { max-width: 720px; margin: 0 auto; font-size: 18px; line-height: 1.8; color: #2a2520; font-weight: 400; letter-spacing: -0.003em; }
  .is-art__body-inner p { margin: 0 0 1.5em; }
  .is-art__body-inner > p:first-child::first-letter { font-family: 'Cormorant Garamond', serif; font-weight: 400; float: left; font-size: 72px; line-height: 0.85; padding: 8px 12px 0 0; color: #c9a96e; }
  .is-art__body-inner h2 { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 400; color: #1a1513; line-height: 1.2; margin: 2em 0 0.7em; letter-spacing: -0.005em; }
  .is-art__body-inner h3 { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 500; color: #1a1513; line-height: 1.3; margin: 1.8em 0 0.6em; }
  .is-art__body-inner h4 { font-size: 14px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #c9a96e; margin: 1.8em 0 0.6em; }
  .is-art__body-inner a { color: #1a1513; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(201,169,110,0.5); text-decoration-thickness: 1.5px; transition: text-decoration-color 0.2s; }
  .is-art__body-inner a:hover { text-decoration-color: #c9a96e; }
  .is-art__body-inner strong { font-weight: 600; color: #1a1513; }
  .is-art__body-inner em { font-style: italic; }
  .is-art__body-inner blockquote { border-left: 3px solid #c9a96e; padding: 4px 0 4px 26px; margin: 2em 0; font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 22px; line-height: 1.55; color: #5a504a; font-weight: 400; }
  .is-art__body-inner ul, .is-art__body-inner ol { padding-left: 24px; margin: 0 0 1.5em; }
  .is-art__body-inner li { margin-bottom: 0.5em; line-height: 1.7; }
  .is-art__body-inner img { max-width: 100%; height: auto; border-radius: 10px; margin: 2em 0; }
  .is-art__body-inner hr { border: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.4) 50%, transparent); margin: 3em auto; max-width: 60%; }
  .is-art__body-inner code { background: #fbf8f2; border: 1px solid #eee6d8; padding: 2px 8px; border-radius: 4px; font-size: 0.9em; font-family: ui-monospace, menlo, monospace; color: #8a7f6e; }

  /* CTA */
  .is-art__cta { background: linear-gradient(180deg, #fbf8f2 0%, #fcf6e8 100%); border-top: 1px solid #eee6d8; border-bottom: 1px solid #eee6d8; padding: 80px clamp(20px, 4vw, 48px); text-align: center; }
  .is-art__cta-inner { max-width: 620px; margin: 0 auto; }
  .is-art__cta-kicker { display: inline-block; font-size: 10px; letter-spacing: 0.28em; color: #c9a96e; text-transform: uppercase; font-weight: 500; margin-bottom: 18px; }
  .is-art__cta-h { font-family: 'Cormorant Garamond', serif; font-size: clamp(28px, 3.2vw, 38px); font-weight: 400; color: #1a1513; line-height: 1.2; margin: 0 0 16px; }
  .is-art__cta-h em { font-style: italic; color: #c9a96e; }
  .is-art__cta-sub { font-size: 15px; line-height: 1.7; color: #555; margin: 0 0 28px; }
  .is-art__cta-btns { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
  .is-art__cta-btn { display: inline-block; padding: 14px 26px; text-decoration: none; font-size: 11px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; border-radius: 4px; transition: opacity 0.2s, border-color 0.2s, background 0.2s; }
  .is-art__cta-btn--primary { background: linear-gradient(135deg, #c9a96e, #e8d5a3); color: #0a0a0a; }
  .is-art__cta-btn--primary:hover { opacity: 0.88; color: #0a0a0a; }
  .is-art__cta-btn--ghost { color: #8a7f6e; border: 1px solid #d6cdbe; }
  .is-art__cta-btn--ghost:hover { border-color: #c9a96e; color: #c9a96e; }

  /* MORE */
  .is-art__more { background: #ffffff; padding: 80px clamp(20px, 4vw, 48px); }
  .is-art__more-inner { max-width: 1180px; margin: 0 auto; }
  .is-art__kicker { display: inline-block; font-size: 10px; letter-spacing: 0.28em; color: #c9a96e; text-transform: uppercase; font-weight: 500; margin-bottom: 12px; }
  .is-art__more-h { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 400; color: #1a1513; line-height: 1.2; margin: 0 0 32px; }
  .is-art__more-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .is-art__more-card { display: flex; flex-direction: column; gap: 12px; background: #fbf8f2; border: 1.5px solid #eee6d8; border-radius: 14px; padding: 26px 24px; text-decoration: none; color: inherit; transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s; }
  .is-art__more-card:hover { border-color: rgba(201,169,110,0.4); transform: translateY(-2px); box-shadow: 0 12px 32px rgba(201,169,110,0.08); }
  .is-art__more-tag { align-self: flex-start; font-size: 9px; letter-spacing: 0.18em; color: #c9a96e; text-transform: uppercase; font-weight: 500; }
  .is-art__more-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 400; color: #1a1513; line-height: 1.25; margin: 0; }
  .is-art__more-date { font-size: 11px; letter-spacing: 0.14em; color: #8a7f6e; text-transform: uppercase; margin-top: auto; padding-top: 10px; }

  /* MOBILE */
  @media screen and (max-width: 900px) {
    .is-art__more-grid { grid-template-columns: 1fr; gap: 14px; }
  }
  @media screen and (max-width: 600px) {
    .is-art__hero { padding: 48px 20px 56px; }
    .is-art__h1 { font-size: 32px; }
    .is-art__sub { font-size: 17px; }
    .is-art__body { padding: 52px 20px 40px; }
    .is-art__body-inner { font-size: 16.5px; line-height: 1.75; }
    .is-art__body-inner > p:first-child::first-letter { font-size: 56px; padding: 6px 10px 0 0; }
    .is-art__body-inner h2 { font-size: 26px; }
    .is-art__body-inner h3 { font-size: 21px; }
    .is-art__body-inner blockquote { font-size: 18px; padding-left: 20px; }
    .is-art__cta { padding: 60px 20px; }
    .is-art__cta-btns { flex-direction: column; align-items: stretch; }
    .is-art__cta-btn { text-align: center; }
    .is-art__more { padding: 52px 20px; }
    .is-art__more-h { font-size: 28px; }
  }

  /* ── is-post components START — article body vocabulary ───────────────── */
  .is-art__body-inner .is-post__lede { font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1.5; color:#1a1513; margin:0 0 1.4em; }

  .is-art__body-inner .is-post__listen { margin:2.4em 0; padding:24px 26px; background:linear-gradient(180deg,#fbf8f2 0%,#fcf6e8 100%); border:1px solid #eee6d8; border-radius:14px; }
  .is-art__body-inner .is-post__listen-kicker { display:block; font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:#c9a96e; font-weight:600; margin-bottom:10px; }
  .is-art__body-inner .is-post__listen p { font-size:15.5px; line-height:1.65; color:#5a504a; margin:0 0 15px; }
  .is-art__body-inner .is-post__listen audio { width:100%; display:block; height:40px; }
  .is-art__body-inner .is-post__listen-foot { margin:14px 0 0; font-size:14.5px; }

  .is-art__body-inner .is-post__script { margin:1.5em 0 2em; padding:24px 26px 22px 28px; background:#fbf8f2; border:1px solid #eee6d8; border-left:3px solid #c9a96e; border-radius:0 12px 12px 0; }
  .is-art__body-inner .is-post__script-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
  .is-art__body-inner .is-post__script-num { flex:none; display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; border:1px solid rgba(201,169,110,.55); font-size:11px; color:#c9a96e; font-weight:600; font-family:'Inter',system-ui,sans-serif; }
  .is-art__body-inner .is-post__script-when { font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:#8a7f6e; font-weight:500; line-height:1.4; }
  .is-art__body-inner .is-post__script-say { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:23px; line-height:1.5; color:#1a1513; margin:0; }
  .is-art__body-inner .is-post__script-why { margin:15px 0 0; font-size:16px; line-height:1.7; color:#5a504a; }

  .is-art__body-inner .is-post__note { margin:2.2em 0; padding:18px 22px; background:#faf7f1; border:1px dashed #ddd0ba; border-radius:10px; }
  .is-art__body-inner .is-post__note p { font-size:14.5px; line-height:1.65; color:#6b6259; margin:0; }
  .is-art__body-inner .is-post__note strong { color:#4a423a; }

  .is-art__body-inner .is-post__pick { margin:2em 0; padding:22px 24px; background:#ffffff; border:1.5px solid #eee6d8; border-radius:14px; }
  .is-art__body-inner .is-post__pick-name { font-family:'Cormorant Garamond',serif; font-size:24px; line-height:1.25; color:#1a1513; margin:0 0 8px; }
  .is-art__body-inner .is-post__pick-name a { text-decoration:none; }
  .is-art__body-inner .is-post__pick p { font-size:16px; line-height:1.7; color:#5a504a; margin:0 0 6px; }
  .is-art__body-inner .is-post__pick-meta { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#8a7f6e; margin:12px 0 0; }

  .is-art__body-inner .is-post__takeaways { margin:2.8em 0 1em; padding:30px 32px; background:linear-gradient(180deg,#14100e 0%,#0d0a09 100%); border-radius:16px; }
  .is-art__body-inner .is-post__takeaways-h { font-family:'Cormorant Garamond',serif; font-size:26px; font-weight:400; color:#f5f0e8; margin:0 0 18px; line-height:1.2; }
  .is-art__body-inner .is-post__takeaways ul { padding-left:0; margin:0; list-style:none; }
  .is-art__body-inner .is-post__takeaways li { position:relative; padding-left:26px; margin-bottom:14px; font-size:16px; line-height:1.65; color:#d8d0c4; }
  .is-art__body-inner .is-post__takeaways li:last-child { margin-bottom:0; }
  .is-art__body-inner .is-post__takeaways li::before { content:''; position:absolute; left:4px; top:11px; width:6px; height:6px; border-radius:50%; background:#c9a96e; }
  .is-art__body-inner .is-post__takeaways strong { color:#f0e9dd; }

  @media screen and (max-width:600px) {
    .is-art__body-inner .is-post__lede { font-size:21px; }
    .is-art__body-inner .is-post__script { padding:20px 18px 18px 20px; }
    .is-art__body-inner .is-post__script-say { font-size:20px; }
    .is-art__body-inner .is-post__listen,
    .is-art__body-inner .is-post__pick { padding:20px 18px; }
    .is-art__body-inner .is-post__takeaways { padding:24px 20px; }
  }

  /* Hero artwork — article.image previously fed only the JSON-LD */
  .is-art__hero-art { position:absolute; inset:0; background-size:cover; background-position:center; opacity:.30; z-index:0; }
  .is-art__hero-scrim { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(10,8,7,.80) 0%,rgba(10,8,7,.72) 45%,rgba(20,16,14,.92) 100%); }
  .is-art__hero-inner { position:relative; z-index:2; }
  /* ── is-post components END ───────────────────────────────────────────── */

  /* ── is-post figure/jump START ────────────────────────────────────────── */
  .is-art__body-inner .is-post__figure { margin:2.6em 0; }
  .is-art__body-inner .is-post__figure img { width:100%; height:auto; display:block; margin:0; border-radius:14px; border:1px solid #eee6d8; }
  .is-art__body-inner .is-post__figure figcaption { margin-top:11px; font-size:13.5px; line-height:1.5; color:#8a7f6e; }

  .is-art__body-inner .is-post__jump { margin:2.2em 0; padding:22px 24px; background:#fbf8f2; border:1px solid #eee6d8; border-radius:14px; }
  .is-art__body-inner .is-post__jump-h { font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:#c9a96e; font-weight:600; margin:0 0 14px; }
  .is-art__body-inner .is-post__jump-list { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
  .is-art__body-inner .is-post__jump-list li { margin:0; }
  .is-art__body-inner .is-post__jump-list a { display:inline-block; padding:9px 15px; background:#ffffff; border:1px solid #e6dcc9; border-radius:99px; font-size:14.5px; line-height:1.35; color:#1a1513; text-decoration:none; transition:border-color .2s, background .2s; }
  .is-art__body-inner .is-post__jump-list a:hover { border-color:#c9a96e; background:#fcf6e8; }
  .is-art__body-inner .is-post__jump-list a:focus-visible { outline:2px solid #c9a96e; outline-offset:2px; }

  .is-art__body-inner .is-post__script { scroll-margin-top:90px; }

  @media screen and (max-width:600px) {
    .is-art__body-inner .is-post__jump { padding:18px 16px; }
    .is-art__body-inner .is-post__jump-list a { font-size:14px; padding:8px 13px; }
  }
  /* ── is-post figure/jump END ──────────────────────────────────────────── */

  /* ── is-post scene START — the moment, high in the essay ──────────────── */
  .is-art__body-inner .is-post__scene { margin:2.4em 0 2.6em; }
  .is-art__body-inner .is-post__scene img { display:block; width:100%; height:auto; margin:0; border-radius:14px; border:1px solid #eee6d8; background:#f4efe6; }
  .is-art__body-inner .is-post__scene figcaption { margin-top:11px; font-size:13.5px; line-height:1.5; color:#8a7f6e; }

  /* Modest breakout past the reading column on wide screens. min() caps it so the
     figure can never exceed the viewport, whatever the column width. */
  @media screen and (min-width:900px) {
    .is-art__body-inner .is-post__scene { width:min(880px, calc(100vw - 48px)); margin-left:50%; transform:translateX(-50%); }
  }
  /* ── is-post scene END ────────────────────────────────────────────────── */