/* CITIZEN technologies: data comes from WordPress pages and featured media. */
.citizen-technologies,.citizen-technology-article{
  width:min(calc(100% - 32px),1000px);
  max-width:1000px;
  box-sizing:border-box;
  margin:0 auto;
  padding:24px 0 72px;
  color:#000;
  background:#fff;
  font-family:Poppins,Arial,sans-serif;
}
.citizen-technologies *,.citizen-technology-article *{box-sizing:border-box}
.citizen-technologies a,.citizen-technology-article a{color:inherit;text-decoration:none}
.citizen-technologies__crumb,.citizen-technology-article__crumb{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  margin:0 0 54px;
  font:400 13px/1.6 Poppins,Arial,sans-serif;
}
.citizen-technologies__crumb a:hover,.citizen-technology-article__crumb a:hover{text-decoration:underline}
.citizen-technologies__head,.citizen-technology-article__head{text-align:center;margin:0 0 64px}
.citizen-technologies__head h1,.citizen-technology-article__head h1{
  font:700 26px/1.35 Poppins,Arial,sans-serif;color:#000;margin:0 0 18px;
}
.citizen-technologies__head h1::after,.citizen-technology-article__head h1::after{
  content:"";display:block;width:32px;height:4px;background:#aaa;margin:16px auto 0;
}
.citizen-technologies__head p,.citizen-technology-article__head p{
  margin:0;color:#575555;font:400 14px/1.75 Poppins,Arial,sans-serif;
}
.citizen-technologies__list{display:grid;gap:52px}
.citizen-technologies__item{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;min-width:0}
.citizen-technologies__item:nth-child(even) .citizen-technologies__media{order:2}
.citizen-technologies__item:nth-child(even) .citizen-technologies__body{order:1}
.citizen-technologies__media{display:grid;place-items:center;overflow:hidden;aspect-ratio:16/10;background:#f3f3f3}
.citizen-technologies__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.citizen-technologies__media:hover img{transform:scale(1.035)}
.citizen-technologies__body{min-width:0}
.citizen-technologies__body h2{font:700 23px/1.35 Poppins,Arial,sans-serif;margin:0 0 10px;color:#000}
.citizen-technologies__tagline{font:600 16px/1.4 Poppins,Arial,sans-serif!important;color:#000!important;margin:0 0 15px!important}
.citizen-technologies__body>p:not(.citizen-technologies__tagline){font:400 14px/1.8 Poppins,Arial,sans-serif;color:#575555;margin:0 0 24px}
.citizen-technologies__link,.citizen-technology-article__back{
  display:inline-flex;align-items:center;justify-content:space-between;gap:26px;
  padding:12px 18px;border:1px solid #000;
  font:500 13px/1.5 Poppins,Arial,sans-serif;
  color:#000;transition:background .2s ease,color .2s ease;
}
.citizen-technologies__link:hover,.citizen-technology-article__back:hover{background:#000;color:#fff}
.citizen-technologies__link:focus-visible,.citizen-technology-article__back:focus-visible{outline:2px solid #1072BD;outline-offset:3px}
.citizen-technology-article__hero{width:100%;aspect-ratio:16/7;object-fit:cover;display:block;background:#f3f3f3;margin:0 0 50px}
.citizen-technology-article__content{max-width:780px;margin:0 auto;font:400 15px/1.85 Poppins,Arial,sans-serif;color:#575555}
.citizen-technology-article__content h2{font:700 22px/1.4 Poppins,Arial,sans-serif;color:#000;margin:38px 0 15px}
.citizen-technology-article__content p{margin:0 0 20px}
.citizen-technology-article__content ul{padding-left:24px;margin:0 0 24px}
.citizen-technology-article__back{margin-top:32px}
@media(min-width:768px) and (max-width:1024px){
  .citizen-technologies,.citizen-technology-article{width:min(calc(100% - 40px),1000px)}
  .citizen-technologies__item{gap:28px}
}
@media(max-width:767px){
  .citizen-technologies,.citizen-technology-article{width:calc(100% - 32px);padding:18px 0 44px}
  .citizen-technologies__crumb,.citizen-technology-article__crumb{margin-bottom:36px;font-size:12px}
  .citizen-technologies__head,.citizen-technology-article__head{margin-bottom:35px}
  .citizen-technologies__head h1,.citizen-technology-article__head h1{font-size:23px}
  .citizen-technologies__list{gap:44px}
  .citizen-technologies__item{grid-template-columns:1fr;gap:18px}
  .citizen-technologies__item:nth-child(even) .citizen-technologies__media{order:0}
  .citizen-technologies__item:nth-child(even) .citizen-technologies__body{order:1}
  .citizen-technologies__body h2{font-size:20px}
  .citizen-technologies__media{aspect-ratio:16/10}
  .citizen-technology-article__hero{aspect-ratio:16/10;margin-bottom:28px}
  .citizen-technology-article__content{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.citizen-technologies__media img,.citizen-technologies__link{transition:none}}