/* APPROVED homepage: C css PRUNED from variant-V1C-quiet-room/modules/C.css by tools/freeze.mjs (R3-A, 2026-10-23).
   Slots served from C: home-gallery. 26/363 rules kept (26/390 selectors). Scope rules unchanged. */
/* ---------- scope tokens ---------- */
[data-variant="C"] { --v1c-rule: color-mix(in srgb, var(--ink) 12%, transparent);
  --v1c-rule-strong: color-mix(in srgb, var(--ink) 24%, transparent);
  --v1c-h2: clamp(38px, 4.5vw, 66px);
  --v1c-shell: color-mix(in srgb, var(--ink) 5%, transparent);
  --v1c-shell-line: color-mix(in srgb, var(--ink) 9%, transparent);
  --rings-ink: var(--ink);
  --rings-gap: var(--bg); }
/* ---------- shared type and parts (scoped) ---------- */
[data-variant="C"] .v1c-h2 { font-family: var(--font-display); font-size: var(--v1c-h2); line-height: 1.04; letter-spacing: -0.02em; font-weight: 400; max-width: 15em; text-wrap: balance; }
[data-variant="C"] .v1c-mnote { display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-utility); font-size: var(--utility-size); font-weight: 600; letter-spacing: .16em; text-transform: uppercase; line-height: 1.4; color: var(--fg-muted); }
[data-variant="C"] .v1c-mnote::before { content: ""; width: 22px; height: 1px; background: currentColor; opacity: .6; flex: none; }
[data-variant="C"] p.v1c-mnote { display: flex; margin-bottom: 22px; }
[data-variant="C"]:is(.rv-motion *) [data-v1c-reveal] { opacity: 0; }
/* ================= 11 gallery: one full-bleed still band ================= */
[data-variant="C"].v1c-room { position: relative; padding-block: var(--band-pad); overflow-x: clip; background: var(--bg); color: var(--fg); }
[data-variant="C"] .v1c-room-head { display: grid; grid-template-columns: minmax(0, 1fr); margin-bottom: clamp(48px, 5vw, 72px); }
[data-variant="C"] .v1c-room-band { position: relative; height: clamp(360px, 46vw, 640px); margin: 0; overflow: hidden; background: var(--ink-2); }
[data-variant="C"] .v1c-room-pic { position: absolute; left: 0; right: 0; top: -9%; bottom: -9%; }
[data-variant="C"] .v1c-room-pic img { width: 100%; height: 100%; object-fit: cover; object-position: 92% 35%; filter: grayscale(.55) sepia(.14) contrast(1.03); }
[data-variant="C"] .v1c-room-foot { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 4fr); gap: 32px clamp(40px, 6vw, 112px); align-items: start; }
[data-variant="C"] .v1c-room-cap { display: grid; gap: 10px; padding-top: 26px; max-width: 46ch; }
[data-variant="C"] .v1c-room-cap .v1c-mnote::before { display: none; }
[data-variant="C"] .v1c-room-cap-t { color: var(--fg-muted); }
[data-variant="C"] .v1c-inset { position: relative; z-index: 1; margin: -150px 0 0; padding: var(--bezel-pad); border-radius: var(--r-xl); background: color-mix(in srgb, var(--paper) 86%, transparent); box-shadow: inset 0 0 0 1px var(--v1c-shell-line), var(--shadow-soft); }
[data-variant="C"] .v1c-inset-core { overflow: hidden; border-radius: calc(var(--r-xl) - var(--bezel-pad)); background: var(--surface); }
[data-variant="C"] .v1c-inset-core img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; filter: grayscale(.55) sepia(.14) contrast(1.03); transition: transform 1s var(--ease-out-expo), filter 1s var(--ease-out-expo); }
[data-variant="C"] .v1c-inset:hover .v1c-inset-core img { transform: scale(1.04); filter: none; }
[data-variant="C"] .v1c-inset figcaption { padding: 14px 12px 8px; font-size: 14px; color: var(--fg-muted); }
/* ================= responsive ================= */
@media (max-width: 1023.98px) {
  [data-variant="C"] .v1c-room-foot { grid-template-columns: minmax(0, 1fr); }
  [data-variant="C"] .v1c-inset { margin-top: 0; }
}
@media (max-width: 767.98px) {
  [data-variant="C"] { --v1c-h2: clamp(34px, 9.4vw, 42px); }
  [data-variant="C"] .v1c-room-band { height: 420px; }
  [data-variant="C"] .v1c-room-pic img { object-position: 97% 35%; }
  [data-variant="C"] .v1c-inset { margin-top: 8px; }
}