/* v4-commercial-interiors.css — Commercial Interiors page only (prefix ci-). v17, Om 2026-11-07 item 13 (option A: retail leads, commercial supports). */
.ci-hero>img{object-position:55% 50%}
.ci-hero h1{max-width:17ch}
.ci-intro{max-width:62ch;margin-bottom:28px}
.ci-intro .sx-kick{color:rgba(255,255,255,.78)}
.ci-sect{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ci-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.ci-card figure{aspect-ratio:16/10;border-radius:0}
.ci-card figure img{width:100%;height:100%;object-fit:cover}
.ci-card .cb{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px}
.ci-card h3{margin:0;font-size:1.16rem;display:flex;gap:10px;align-items:baseline}
.ci-card h3 i{font:800 .72rem Montserrat,sans-serif;font-style:normal;letter-spacing:.12em;color:var(--acc)}
.ci-card .cb>p{margin:0;color:var(--ink);font-weight:500}
.ci-more{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:20px;padding:20px 22px;border:1px dashed var(--line);border-radius:var(--r);background:var(--bg2,#f6f7fa)}
.ci-more b{font:800 1.05rem Montserrat,sans-serif;color:var(--ink)}
.ci-more .chips{margin:0;flex:1 1 280px}
@media(max-width:800px){.ci-sect{grid-template-columns:1fr;gap:16px}.ci-more{flex-direction:column;align-items:flex-start}.ci-more .chips{flex:none}}
/* one-line cross-link used on Home, About, GC, Fit-out (v17) */
.ci-xline{margin:22px 0 0;font:600 .98rem/1.45 Montserrat,sans-serif;color:var(--mute)}
.ci-xline a{color:var(--acc);text-decoration:none;white-space:nowrap}.ci-xline a:hover{text-decoration:underline}