/* company page-specific CSS (from Claude Design) */
.chero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:60px 0}
.chero img{border-radius:20px;box-shadow:var(--shadow-lg)}
.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.svccard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s}
.svccard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.svccard img{aspect-ratio:16/9;object-fit:cover;width:100%}
.svccard .b{padding:22px 24px}
.svccard h4{color:var(--brown);font-size:1.2rem;margin-bottom:8px}
.svccard p{color:var(--muted);font-size:.92rem}
.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cline{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.cline .ci{width:44px;height:44px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;flex-shrink:0}
.cline .lbl{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-weight:600}
.cline a,.cline span{color:var(--brown);font-weight:500;display:block}
@media(max-width:900px){.chero,.svc,.contactgrid{grid-template-columns:1fr}}