/* --- Tape animation --- */
    .tape-section {
      width: 100%;
      margin-bottom: 8rem;
      padding-top: 4rem;
      border-top: 1px solid rgba(255,255,255,0.08);
    }
    .dynamic-heading {
      font-size: clamp(2.2rem, 4.5vw, 4rem); font-weight: 700;
      line-height: 0.95; letter-spacing: -0.04em; margin: 0 0 2rem 0;
      color: rgba(255,255,255,0.4); font-family: 'Inter', sans-serif;
    }
    .target-word {
      position: relative; display: inline-block; white-space: nowrap; color: #fff;
    }
    .tape-overlay {
      position: absolute; top: 50%; left: -3%;
      transform: translateY(-50%) rotate(-2deg);
      background-color: #FF5C8D; padding: 4px 14px;
      font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-style: italic;
      font-size: clamp(1.8rem, 4vw, 3.5rem); color: #111; letter-spacing: -0.02em;
      white-space: nowrap; z-index: 10; box-shadow: 0 4px 24px rgba(255,255,255,0.1);
      clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
      transition: clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    }
    .tape-section.is-visible .tape-overlay { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
    .target-word::after {
      content: ''; position: absolute; top: 55%; left: 0;
      width: 0%; height: 3px; background-color: rgba(255,255,255,0.4);
      transition: width 0.4s ease; z-index: 1;
    }
    .tape-section.is-visible .target-word::after { width: 100%; }
    .tape-context {
      font-size: 1rem; line-height: 1.75; color: rgba(255,255,255,0.45);
      max-width: 540px; margin: 0; font-family: 'Inter', sans-serif;
    }

    /* --- Staggered blur animation --- */
    .anim-section {
      width: 100%;
      margin-bottom: 2rem;
      padding-top: 4rem;
      border-top: 1px solid rgba(255,255,255,0.08);
    }
    .anim-intro {
      font-size: 0.75rem; line-height: 1.8; color: rgba(255,255,255,0.35);
      margin-bottom: 4rem; font-family: 'Inter', sans-serif;
      text-transform: uppercase; letter-spacing: 3px;
    }
    .question-wrapper { position: relative; margin: 80px 0; display: flex; width: 100%; }
    .question-wrapper:nth-child(odd)  { justify-content: flex-start; }
    .question-wrapper:nth-child(even) { justify-content: flex-end; }
    .text-stack { position: relative; display: inline-block; max-width: 70%; }
    .question-wrapper:nth-child(odd)  .text-stack { text-align: left; }
    .question-wrapper:nth-child(even) .text-stack { text-align: right; }
    .layer-rough {
      position: absolute; top: 50%; left: 0; width: 100%;
      font-family: 'Inter', sans-serif; font-weight: 800; text-transform: uppercase;
      letter-spacing: -0.02em; font-size: clamp(1.2rem, 2vw, 1.6rem); line-height: 1.3;
      color: rgba(255,255,255,0.15); opacity: 1; filter: blur(2px);
      transform: translateY(-50%) scale(0.98);
      transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); pointer-events: none;
    }
    .layer-clear {
      position: relative; font-family: 'DM Serif Display', Georgia, serif;
      font-style: italic; font-weight: 400;
      font-size: clamp(1.6rem, 3.5vw, 2.4rem); line-height: 1.3; color: #fff;
      opacity: 0; filter: blur(10px); transform: scale(1.05);
      transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .layer-clear::after {
      content: ''; position: absolute; bottom: -4px; width: 0%; height: 1px;
      background-color: rgba(255,255,255,0.3); transition: width 1s ease 0.4s;
    }
    .question-wrapper:nth-child(odd)  .layer-clear::after { left: 0; }
    .question-wrapper:nth-child(even) .layer-clear::after { right: 0; }
    .question-wrapper.is-active .layer-rough { opacity: 0; filter: blur(10px); transform: translateY(-60%) scale(1.05); }
    .question-wrapper.is-active .layer-clear { opacity: 1; filter: blur(0); transform: scale(1); }
    .question-wrapper.is-active .layer-clear::after { width: 100%; }
    @media (max-width: 768px) {
      .tape-section, .anim-section { padding-top: 3rem; margin-bottom: 4rem; }
      .question-wrapper { margin: 60px 0; }
      .text-stack { max-width: 100%; }
      .question-wrapper:nth-child(even) .text-stack { text-align: left; }
      .question-wrapper:nth-child(even) { justify-content: flex-start; }
      .question-wrapper:nth-child(even) .layer-clear::after { left: 0; right: auto; }
    }

    /* --- Interview breakdown table --- */
    .interview-table-section {
      width: 100%;
      padding-top: 4rem;
      margin-bottom: 8rem;
      border-top: 1px solid rgba(255,255,255,0.08);
    }
    .interview-table-label {
      font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
      letter-spacing: 4px; color: rgba(255,255,255,0.35);
      font-family: 'Inter', sans-serif; margin: 0 0 0.75rem 0;
    }
    .interview-table-subtitle {
      font-size: 0.9rem; line-height: 1.6; color: rgba(255,255,255,0.4);
      margin: 0 0 2rem 0; font-family: 'Inter', sans-serif; max-width: 580px;
    }
    .int-table-wrapper {
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 4px; overflow-x: auto;
    }
    .int-table {
      width: 100%; border-collapse: collapse; text-align: left;
      table-layout: fixed; min-width: 900px;
      font-family: 'Inter', sans-serif;
    }
    .int-table th:nth-child(1) { width: 14%; }
    .int-table th:nth-child(2) { width: 24%; }
    .int-table th:nth-child(3) { width: 24%; }
    .int-table th:nth-child(4) { width: 26%; }
    .int-table th:nth-child(5) { width: 12%; text-align: center; }
    .int-table th {
      padding: 14px 16px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      font-weight: 600; font-size: 0.7rem;
      text-transform: uppercase; letter-spacing: 1px;
      color: rgba(255,255,255,0.35); background: transparent;
    }
    .int-table td {
      padding: 18px 16px;
      border-bottom: 1px solid rgba(255,255,255,0.06);
      font-size: 0.82rem; line-height: 1.6; vertical-align: top;
      color: rgba(255,255,255,0.65);
    }
    .int-table tbody tr:hover td { background: rgba(255,255,255,0.02); }
    .int-table tbody tr:last-child td { border-bottom: none; }
    .int-table .theme-col { font-weight: 600; color: rgba(255,255,255,0.9); }
    .int-table .analysis-text { color: rgba(255,255,255,0.45); font-style: italic; }
    .int-table .status-cell { text-align: center; vertical-align: middle; }
    .int-timestamp {
      display: inline-block; margin-top: 6px;
      font-size: 0.7rem; color: rgba(255,255,255,0.3);
      font-family: 'ui-monospace', monospace;
      background: rgba(255,255,255,0.06);
      padding: 2px 6px; border-radius: 3px;
    }
    /* Status chips */
    .int-chip {
      display: inline-flex; align-items: center; justify-content: center;
      padding: 5px 11px; border-radius: 99px;
      font-size: 0.7rem; font-weight: 600; letter-spacing: 0.03em;
      white-space: nowrap;
    }
    .chip-aligned      { background: #FF5C8D; color: #111; }
    .chip-complimentary{ background: rgba(255,255,255,0.18); color: rgba(255,255,255,0.85); }
    .chip-unique       { background: transparent; color: rgba(255,255,255,0.55); border: 1px solid rgba(255,255,255,0.2); }
    .chip-divergence   { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.5); }
    /* Collapse rows hidden by default */
    .int-row-hidden { display: none; }
    /* Expand toggle button */
    .int-expand-btn {
      margin-top: 1rem; display: flex; align-items: center; gap: 8px;
      background: none; border: 1px solid rgba(255,255,255,0.15);
      color: rgba(255,255,255,0.5); font-family: 'Inter', sans-serif;
      font-size: 0.72rem; font-weight: 600; text-transform: uppercase;
      letter-spacing: 2px; padding: 9px 18px; border-radius: 3px;
      cursor: pointer; transition: all 0.2s ease;
    }
    .int-expand-btn:hover { border-color: rgba(255,255,255,0.4); color: rgba(255,255,255,0.9); }
    @keyframes intFadeUp {
      from { opacity: 0; transform: translateY(6px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .int-fade { animation: intFadeUp 0.35s ease-out forwards; }