/* The memory circle, 30.11.2023: a quiet page. Night blue and the white of the flags, and the only warm colour is
   the candles. No confetti, no ambient motion; photos sit calmly, the film is the centre. */
.cx-wcm, .cx-w { background: var(--bg); --sec: clamp(48px, 7vw, 96px); }
.cx .cx-title { font-family: var(--f-hand); }
.cx .v-candles .cx-open-bg img { opacity: 0.7; filter: saturate(0.85); }
.cx .v-candles .cx-open-bg::after { content: ''; position: absolute; inset: 0; background: radial-gradient(40vmax 30vmax at 50% 75%, rgba(255, 207, 135, 0.18), transparent 70%), linear-gradient(180deg, rgba(7, 10, 22, 0.75), rgba(7, 10, 22, 0.35) 45%, var(--bg)); }
.cx .v-candles .cx-open-name { font-family: var(--f-hand); font-size: clamp(2.2rem, 6vw, 4.4rem); }
.cx .v-candles .cx-open-k { color: var(--acc); }
.cx .cx-open::after { background: #070a16; }
.cx .v-quiet .cx-screen .video { box-shadow: 0 0 0 1px rgba(207, 224, 255, 0.25), 0 0 80px -20px rgba(255, 207, 135, 0.35); }
.cx .cx-stack.v-quiet .cx-stack-in li { rotate: 0deg; margin: 6px; }
.cx .cx-stack.v-quiet .cx-pic { padding: 0; background: none; border-radius: 12px; box-shadow: 0 20px 40px -20px #000; }
.cx .v-quiet .cx-w-item { border-radius: 10px; }
.cx .cx-strip { background: #0b1022; }
body:has(.cx) { background: #070a16; }
.cx .has-bg { --bgph-tint: #16244a; --bgph-blend: luminosity; --bgph-o: 0.42; }
/* a small flame instead of the ring in every chapter mark */
.cx .cx-ring { border: 0; width: 10px; height: 16px; border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%; background: radial-gradient(ellipse at 50% 75%, #fff8dc 0 22%, #ffd27a 45%, #ff9a3d 75%); box-shadow: 0 0 12px rgba(255, 190, 90, 0.8); }
.cx .cx-candles { background: radial-gradient(40vmax 18vmax at 50% 60%, rgba(255, 190, 90, 0.08), transparent 70%); }
.cx .cx-bigclip .cx-title { font-family: var(--f-hand); }