/* 21 Secret Agent: a 1960s title sequence. Gun-barrel iris on the hero, dossier labels, a little swagger. */
[data-world="secret-agent"] {
  --grain: 0.04;
  --title-case: uppercase;
  --title-track: 0.12em;
  --head-track: 0.1em;
  --enter: swagger 600ms cubic-bezier(.2, .8, .2, 1);
}
@keyframes swagger { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: none; } }
@keyframes gun-barrel { from { clip-path: circle(0% at 50% 50%); } to { clip-path: circle(75% at 50% 50%); } }
[data-world="secret-agent"] .hero-img img { animation: gun-barrel 1100ms cubic-bezier(.7, 0, .2, 1) both; }
[data-world="secret-agent"] .hero-title { font-size: clamp(1.4rem, 5.4vw, 3.6rem); }
[data-world="secret-agent"] .eyebrow, [data-world="secret-agent"] .meta, [data-world="secret-agent"] .shot figcaption { text-transform: uppercase; letter-spacing: 0.12em; }
/* CLASSIFIED stamp on the about block */
[data-world="secret-agent"] #about .block-head::after {
  content: "CLASSIFIED"; margin-left: auto; padding: 2px 8px; border: 2px solid var(--fill); color: var(--accent);
  font-family: var(--font-label); font-size: 0.75rem; letter-spacing: 0.2em; transform: rotate(-3deg);
}