.cphi { color: var(--cph-text, #14161a); }
.cphi__kicker { display: inline-block; margin: 0 0 1rem; padding: 0.3rem 0.65rem; background: var(--cph-accent, #2e58ce); color: #fff; border-radius: 8px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.4; }
.cphi__title { text-transform: none; font-weight: 900; letter-spacing: -0.01em; font-size: clamp(1.9rem, 3.6vw, 2.75rem); line-height: 1.1; margin: 0 0 0.6em; }
.cphi__rule { display: block; width: 72px; height: 3px; margin: 0 0 1.8rem; border-radius: 2px; background: var(--cph-accent, #2e58ce); }
.cphi__grid { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 28px; }
.cphi__grid[hidden], .cphi__gate[hidden] { display: none; }
.cphi__item a { display: block; position: relative; overflow: hidden; background: var(--cph-surface, #f6f7f9); border-radius: 14px; aspect-ratio: 1 / 1; }
.cphi__item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.cphi__item a:hover img { transform: scale(1.05); }
.cphi__gate { margin: 0 0 2rem; padding: 2rem; text-align: center; background: var(--cph-surface, #f6f7f9); border-radius: 14px; }
.cphi__gate p { max-width: 60ch; margin: 0 auto 1rem; color: var(--cph-muted, #5f6672); }
.cphi__btn {
	display: inline-block; font: inherit; font-size: 0.95rem; font-weight: 700; text-decoration: none; cursor: pointer; line-height: 1.3;
	padding: 0.8rem 1.5rem; border-radius: 8px; background: var(--cph-accent, #2e58ce); color: #fff; border: 2px solid var(--cph-accent, #2e58ce);
}
.cphi__btn:hover { background: var(--cph-accent-hover, #2549ad); border-color: var(--cph-accent-hover, #2549ad); color: #fff; }
.cphi__btn:focus-visible { outline: 2px solid var(--cph-accent, #2e58ce); outline-offset: 3px; }
.cphi-notice { color: var(--cph-muted, #5f6672); }
@media (prefers-reduced-motion: reduce) { .cphi__item img { transition: none; } }