/* Real project evidence; follows the existing light/dark design tokens. */
.cs-page {padding-top:90px;}
.cs-hero {padding-top:36px;}
.cs-hero-grid {display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding:32px 0;}
.cs-page h1 {font-size:clamp(2.4rem,4.2vw,4.2rem);line-height:1.05;margin:16px 0 24px;}
.cs-page p {color:var(--color-text-muted);line-height:1.75;margin:0 0 20px;}
.cs-page .cs-lead {font-size:1.25rem;color:var(--color-text);}
.cs-page figure {margin:0;min-width:0;}
.cs-page img {display:block;width:100%;height:auto;border-radius:14px;}
.cs-page figcaption {font-size:.88rem;color:var(--color-text-muted);line-height:1.6;padding:14px 0;}
.cs-actions {display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:24px 0 16px;}
.cs-actions a {white-space:normal;text-align:center;}
.cs-text-link,.cs-related a {color:var(--color-text);text-decoration:underline;text-underline-offset:5px;font-weight:700;}
.cs-page .cs-small {font-size:.88rem;}
.cs-facts {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;}
.cs-facts dt {font-size:.8rem;color:var(--color-text-muted);margin-bottom:8px;}
.cs-facts dd {margin:0;font-weight:700;color:var(--color-text);}
.cs-copy p {max-width:780px;}
.cs-photo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px;}
.cs-photo-grid img {height:480px;object-fit:contain;background:var(--color-surface);}
.cs-stage {display:inline-block;font-size:.84rem;font-weight:700;margin-bottom:12px;padding:7px 12px;border:1px solid var(--color-border);border-radius:40px;color:var(--color-text);}
.cs-video-grid {display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:center;margin-top:56px;}
.cs-video-grid video {display:block;width:100%;max-height:500px;background:#000;border-radius:14px;}
.cs-page h3 {font-size:1.35rem;margin:0 0 16px;}
.cs-steps {list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;margin:32px 0;}
.cs-steps li {padding:24px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);}
.cs-enquiry {padding:36px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-2);}
.cs-enquiry h2 {font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:16px;}
.cs-related {margin-top:28px!important;}
.project-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 48px;}
.project-card {overflow:hidden;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);color:var(--color-text);}
.project-card img {display:block;width:100%;height:260px;object-fit:cover;}
.project-card-body {padding:24px;}
.project-card h3 {font-size:1.5rem;margin:12px 0;}
.project-card p {color:var(--color-text-muted);line-height:1.7;margin:12px 0 20px;}
.project-card .cs-stage {margin:0;}
.project-card a {display:inline-block;color:var(--color-text);font-weight:700;text-decoration:underline;text-underline-offset:5px;}
.project-card a:focus-visible,.cs-page a:focus-visible {outline:3px solid #458fff;outline-offset:5px;}
.project-feature {padding-top:48px;padding-bottom:48px;}
@media(max-width:760px){
 .cs-hero-grid,.cs-video-grid,.cs-steps,.project-grid {grid-template-columns:1fr;}
 .cs-facts {grid-template-columns:repeat(2,1fr);}
 .cs-photo-grid {gap:20px;}
 .cs-photo-grid img {height:320px;}
 .cs-enquiry {padding:24px;}
 .cs-video-grid video {max-width:340px;margin:auto;}
 .cs-actions .btn-primary,.cs-actions .btn-secondary {width:100%;justify-content:center;}
 .cs-hero-grid {gap:24px;}
 .project-card img {height:auto;aspect-ratio:16/9;}
}
@media(max-width:440px){.cs-photo-grid {grid-template-columns:1fr;}.cs-photo-grid img {height:auto;max-height:560px;}}
