/* Cover · Monogram (round 34): the initials fill the screen, outlined, the names and date set small and calm beneath,
   a round photo tucked over the monogram. */
html .inv .xc-monogram { position: relative; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 56px var(--gutter) 64px; overflow: hidden; text-align: center; background: var(--bg); color: var(--ink); }
html .inv .xc-monogram .xc-mono { display: flex; align-items: center; justify-content: center; gap: .02em; font-family: var(--display); font-size: clamp(9rem, 52vw, 22rem); line-height: .8; letter-spacing: -.04em; color: transparent; -webkit-text-stroke: 1.5px var(--accent); }
html .inv .xc-monogram .xc-mono i { font-family: var(--script, var(--display)); font-style: italic; font-size: .3em; -webkit-text-stroke: 0; color: var(--accent); margin: 0 .05em; align-self: center; }
html .inv .xc-monogram .xc-round { order: -1; flex: none; width: min(28vw, 130px); aspect-ratio: 1; margin: 0 0 -14px; border-radius: 50%; box-shadow: 0 0 0 6px var(--bg), 0 18px 30px -16px rgba(0, 0, 0, .5); z-index: 1; }
html .inv .xc-monogram .xc-round img { width: 100%; height: 100%; object-fit: cover; }
html .inv .xc-monogram .hero-media-tag { display: none; }
html .inv .xc-monogram .xc-in { margin-top: 18px; }
html .inv .xc-monogram .hero-k { margin: 0 0 6px; font-size: .72rem; letter-spacing: .26em; text-transform: uppercase; color: var(--accent); }
html .inv .xc-monogram .hero-t { margin: 0; font-family: var(--display); font-weight: 400; font-size: clamp(1.6rem, min(8vw, calc(100vw / var(--nl, 6) / var(--cw, 1))), 2.8rem); line-height: 1.1; color: var(--ink); }
html .inv .xc-monogram .hero-t i { margin: 0 .2em; font-family: var(--script, var(--display)); font-style: italic; color: var(--accent); }
html .inv .xc-monogram .hero-line { max-width: 32ch; margin: 10px auto 0; color: var(--muted); }
html .inv .xc-monogram .xc-meta { margin: 14px 0 22px; font-size: .8rem; letter-spacing: .16em; text-transform: uppercase; line-height: 1.7; }

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 */