.pv-project-media,.pv-archive{
  width:calc(100% - var(--gutter) - var(--gutter));
  max-width:calc(1530px - var(--gutter) - var(--gutter));
  margin-inline:auto;
}
.pv-project-media{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  margin-block:4px 28px;
  background:#172a30;
  color:#f1f5f1;
}
.pv-media-link{
  display:flex;
  align-items:center;
  gap:25px;
  padding:28px 32px;
  min-height:148px;
  border:1px solid #ffffff18;
}
.pv-media-link:hover{color:#fff;background:#243b42}
.pv-media-link:focus-visible{outline:2px solid #8e2535;outline-offset:5px}
.pv-media-symbol{
  display:grid;
  place-items:center;
  flex:none;
  width:50px;
  height:50px;
  color:#dfc7ca;
}
.pv-media-symbol svg{width:40px;height:40px}
.pv-media-experience .pv-media-symbol{border:1px solid #dfc7ca66}
.pv-media-experience .pv-media-symbol svg{width:25px;height:25px}
.pv-media-copy{display:grid;gap:7px;min-width:0}
.pv-media-copy .pv-media-label{font-size:12px;color:#c8d4d2}
.pv-media-copy strong{font-size:clamp(19px,1.7vw,25px);font-weight:450;line-height:1.2;letter-spacing:-.025em}
.pv-media-copy>span:last-child{font-size:12px;line-height:1.6;color:#c8d4d2}
.pv-archive{margin-bottom:28px}
.pv-archive summary{min-height:70px}
.pv-archive summary>span{font-size:13px}
.pv-archive-content{padding-bottom:8px}
.pv-archive-content>p{font-size:13px;line-height:1.7}
.pv-archive-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:18px}
.pv-archive-grid a{display:block;padding:9px;background:#fff;border:1px solid #dce1dd}
.pv-archive-grid a:hover{border-color:#8e2535}
.pv-archive-grid img{height:160px;background:#eef1ed}
.pv-archive-grid a>span:not(.pv-sr){padding:4px 3px}
.pv-lb-stage.pv-lb-single{grid-template-columns:minmax(0,1fr)}
.pv-lb-single>img{grid-column:1}
@media(max-width:700px){
  .pv-project-media{margin-block:4px 22px}
  .pv-media-link{padding:22px 20px;gap:16px;min-height:140px}
  .pv-media-symbol{width:38px;height:38px}
  .pv-media-symbol svg{width:34px;height:34px}
  .pv-media-copy strong{font-size:20px}
  .pv-archive summary{gap:7px}
  .pv-archive summary>span{font-size:12px;line-height:1.6}
  .pv-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pv-archive-grid img{height:132px}
  .pv-archive-grid span{font-size:12px}
  .pv-lb-single{padding-bottom:10px}
}
@media(max-width:370px){.pv-archive-grid{grid-template-columns:1fr}.pv-archive-grid img{height:180px}}