/* PAGE FAMILY: artist immersive suite (C6) - SKIN tier - from site-topimpressionists-V2.0.css, original order. Migrated 2026-07-06. */

a.chip::before,a.chip::after { content: none; }

.chip {
    font-size: 10px; letter-spacing: .18em; text-transform: uppercase;
    font-weight: 600; color: var(--ink-mute); padding: 7px 14px;
    border: .5px solid var(--rule); background: var(--gesso);
    border-radius: 30px; transition: all .25s; cursor: pointer;
    display: inline-flex; align-items: center; text-decoration: none;
}

.chip:hover { color: var(--ink); border-color: var(--ink-soft); background: var(--canvas); }

.chip.on { background: var(--ink); color: var(--gesso); border-color: var(--ink); }

.chip .yr { font-family: var(--f-mono); font-size: 9px; color: var(--ink-faint); margin-left: 8px; letter-spacing: .04em; }

.chip.on .yr { color: var(--ink-vapor); }


/* ============================================================================
   RULE-4 RE-ASSERTION (2026-07-06): on TI the mood-room sections carry
   Bootstrap `.container`, whose TI gutter rule used to beat the moved
   `.moom-hero/.moom-sec{padding:0}` by source order. Repeat the kept winner.
   ========================================================================= */
.moom-hero.container,
.moom-sec.container {
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	padding-right: calc(var(--bs-gutter-x) * 0.5);
}