.cs-feature { background:#192239; color:white; }
.cs-feature-inner { width:min(1160px,90%); margin:auto; padding:clamp(54px,7vw,100px) 0; }
.cs-label { color:#edbd90; font:700 .76rem/1.5 Arial,sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.cs-feature h2 { margin:.25em 0 .55em; font:500 clamp(3rem,6vw,5.5rem)/1 Georgia,serif; }
.cs-cards { display:grid; grid-template-columns:1.4fr 1fr; gap:clamp(18px,3vw,40px); }
.cs-cards article { background:#26324c; }
.cs-cards a { display:flex; height:100%; flex-direction:column; color:white; text-decoration:none; }
.cs-cards img { width:100%; height:clamp(175px,24vw,325px); object-fit:cover; }
.cs-cards article:last-child img { object-fit:contain; background:#f7f5ef; }
.cs-card-body { display:flex; flex:1; flex-direction:column; gap:.7rem; padding:clamp(18px,2.3vw,30px); line-height:1.55; }
.cs-card-body strong { font:500 clamp(2rem,3vw,3rem)/1.1 Georgia,serif; }
.cs-card-body b { margin-top:auto; padding-top:1em; color:#edbd90; }
.cs-card-body i { display:inline-block; font-style:normal; }
.cs-cards a:focus-visible { outline:3px solid #edbd90; outline-offset:4px; }
@media(prefers-reduced-motion:no-preference) {
  .cs-card-body i { transition:transform .2s ease; }
  .cs-cards a:is(:hover,:focus-visible) i { transform:translateX(5px); }
}
.cs-project { padding-block:2rem 4rem; }
.cs-back { margin:0 0 3rem; }
.cs-project .ng-lead { max-width:70ch; }
.cs-plate { margin:2rem 0; }
.cs-plate img { display:block; max-width:100%; max-height:78vh; margin:auto; }
.cs-plate figcaption { color:#46536b; font-size:.85rem; padding:.6rem 0; }
.cs-story { display:grid; grid-template-columns:1fr 2fr; gap:3rem; padding:2.5rem 0; border-top:1px solid #b9a693; }
.cs-story p:first-child,.cs-timeline { margin-top:0; }
.cs-timeline { padding-left:1.3em; }
.cs-timeline li { padding:0 0 1em .4em; }
.cs-timeline strong { display:block; }
.cs-related { border-top:1px solid #b9a693; display:flex; flex-wrap:wrap; justify-content:space-between; gap:1.2rem; padding-top:2rem; }
@media(max-width:720px) {
  .cs-cards,.cs-story { grid-template-columns:1fr; gap:1rem; }
  .cs-cards img { height:auto; max-height:330px; }
}