.page-guide {
  width:min(100% - 2.5rem,72rem);
  margin:clamp(2rem,6vw,5rem) auto;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(1.5rem,4vw,3rem);
  color:#142638;
}
.page-guide-media video { display:block; width:100%; height:auto; aspect-ratio:16/9; background:#142638; border-radius:6px; }
.page-guide h2 { margin:0 0 .85rem; font-size:clamp(1.75rem,3vw,2.75rem); }
.page-guide dl { margin:0; }
.page-guide dl > div + div { margin-top:.85rem; }
.page-guide dt { font-weight:700; }
.page-guide dd { margin:.2rem 0 0; }
@media (max-width:720px) { .page-guide { grid-template-columns:1fr; } }

.city-industries { width:min(100% - 2.5rem,75rem); margin:clamp(2rem,6vw,5rem) auto; color:#142638; }
.city-industries h2 { margin:0 0 1.25rem; font-size:clamp(1.9rem,4vw,3.2rem); }
.city-industries .industry-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap:clamp(1.2rem,3vw,2.5rem); }
.city-industries .industry-card { display:block; height:100%; color:inherit; text-decoration:none; }
.city-industries .industry-card:hover > span { color:#22641a; }
.city-industries .industry-card-art { display:block; width:100%; height:auto; aspect-ratio:2; object-fit:cover; }
.city-industries .industry-card > span { display:flex; align-items:center; gap:.6rem; padding:.8rem 0 0; font-weight:700; }
.city-industries .industry-card > span > span { margin-inline-start:auto; color:#22641a; }

.city-work { padding:clamp(2.5rem,6vw,5rem) max(1.25rem,calc((100% - 75rem)/2)); background:#fff; color:#142638; }
.city-work-intro { max-width:43rem; margin-bottom:2rem; }
.city-work h2 { margin:0 0 .75rem; font-size:clamp(2rem,4vw,3.2rem); }
.city-work-link,.city-work-intro a { color:#22641a; font-weight:700; }
.city-work-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr)); gap:1.4rem; margin:0; padding:0; list-style:none; }
.city-work-grid a { display:block; color:inherit; text-decoration:none; }
.city-work-grid a:hover h3 { color:#22641a; text-decoration:underline; }
.city-work-grid img { width:100%; height:auto; aspect-ratio:2; object-fit:cover; display:block; border-radius:4px; }
.city-work-label { display:block; margin-top:.75rem; color:#435464; font-size:.85rem; }
.city-work-grid h3 { margin:.3rem 0; font-size:1.4rem; }
.city-work-grid p { margin:0; }
.city-coverage { width:min(calc(100% - 2.5rem),75rem); margin:2rem auto; padding:1.25rem 0; border-block:1px solid #d9e1e5; color:#142638; }
.city-coverage h2 { margin:0 0 .5rem; font-size:clamp(1.5rem,3vw,2.4rem); }
.city-coverage ul { list-style:none; display:flex; flex-wrap:wrap; padding:0; gap:.45rem; }
.city-coverage li { padding:.3rem .6rem; background:#eef4ef; border-radius:5px; font-weight:650; }

.page-guide-media { position:relative; }
.page-guide-media video { border-radius:1rem; }
.page-guide-play {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  display:inline-flex; align-items:center; gap:.65rem;
  border:1px solid #ffffff80; border-radius:999px; padding:.75rem 1.1rem;
  background:#22641a; color:white; cursor:pointer; white-space:nowrap;
  font:700 1rem/1.3 system-ui,sans-serif;
}
.page-guide-play:hover { background:#174810; }
.page-guide-play[hidden] { display:none; }