/* Cover · Poster (round 34): type is the design. The names run edge to edge, huge, the date in big numerals between
   rules, a small tilted print of the photo in the corner. Fonts and colours are the design's. */
html .inv .xc-poster { position: relative; min-height: 100svh; display: flex; align-items: center; padding: 64px var(--gutter) 70px; overflow: hidden; text-align: left; background: var(--bg); color: var(--ink); }
html .inv .xc-poster .xc-in { position: relative; z-index: 1; width: 100%; max-width: 720px; margin: 0 auto; }
html .inv .xc-poster .hero-k { margin: 0 0 14px; font-size: .74rem; letter-spacing: .26em; text-transform: uppercase; color: var(--accent); }
html .inv .xc-poster .hero-t { display: grid; margin: 0; font-family: var(--display); font-weight: 400; font-size: clamp(2.6rem, min(24vw, calc(140vw / var(--nl, 6) / var(--cw, 1))), 9rem); line-height: .82; letter-spacing: -.035em; color: var(--ink); }
html .inv .xc-poster .hero-t span { display: block;  }
html .inv .xc-poster .hero-t i { display: block; margin: .06em 0 .02em; font-family: var(--script, var(--display)); font-style: italic; font-size: .42em; line-height: 1; letter-spacing: 0; color: var(--accent); }
html .inv .xc-poster .xc-num { display: flex; align-items: center; gap: 10px; margin: 26px 0 16px; padding: 12px 0; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); font-family: var(--display); font-size: clamp(2.2rem, 11vw, 3.4rem); line-height: 1; font-variant-numeric: tabular-nums; }
html .inv .xc-poster .xc-num i { width: 10px; height: 10px; border-radius: 50%; background: var(--accent); }
html .inv .xc-poster .hero-line { max-width: 30ch; margin: 0 0 8px; color: var(--muted); }
html .inv .xc-poster .xc-meta { margin: 0 0 20px; font-size: .82rem; letter-spacing: .12em; text-transform: uppercase; }
html .inv .xc-poster .hero-cta { margin: 0; }
html .inv .xc-poster .xc-stamp { position: absolute; right: -14px; top: 30px; z-index: 0; width: 44%; max-width: 240px; margin: 0; padding: 7px 7px 26px; background: #fff; box-shadow: 0 18px 30px -18px rgba(0, 0, 0, .55); transform: rotate(6deg); aspect-ratio: 4 / 5.4; }
html .inv .xc-poster .xc-stamp img { width: 100%; height: 100%; object-fit: cover; display: block; }
html .inv .xc-poster .hero-media-tag { display: none; }
html .inv .xc-poster .hero-guest { margin: 0 0 10px; }
@media (min-width: 900px) { .xc-poster .xc-stamp { right: 8vw; top: 12vh; width: 260px; max-width: none; } }

html .inv .xc::before, html .inv .xc::after { display: none; }
html .inv .xc :is(.xc-ph, .xc-stamp, .xc-round) { position: relative; overflow: hidden; }
html .inv .xc :is(.xc-ph, .xc-stamp, .xc-round) .cm-media { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; opacity: 1; transform: none; }
html .inv .xc .hero-t span, html .inv .xc .hero-t i { padding: 0; margin-left: 0; text-indent: 0; transform: none; }
html.t-hotel { --cw: 1.5; }   /* a very wide display face */
/* round 51: the shared rule above set the print back to position: relative, so it shrank into a thumbnail beside the
   date. It is the corner print it was designed to be again, and the text keeps clear of it at the top. */
html .inv .xc-poster .xc-stamp { position: absolute; width: 40%; top: 26px; right: 64px; }
@media (max-width: 899px) { html .inv .xc-poster { align-items: flex-end; padding-top: 250px; } }