.cf31-public{
  width:100%;
  max-width:var(--cf32-max,1200px);
  margin:0 auto;
  color:var(--cf32-text,#1f2937);
  font-family:inherit;
  box-sizing:border-box;
}
.cf31-public *{box-sizing:border-box}
.cf32-header{text-align:center;margin:0 auto 30px;padding:6px 12px 0}
.cf32-eyebrow{
  color:var(--cf32-muted,#6b7280)!important;
  font-size:12px!important;
  line-height:1.4!important;
  letter-spacing:4px!important;
  text-transform:uppercase!important;
  font-weight:500!important;
  margin:0 0 8px!important;
}
.cf32-header h2{
  color:var(--cf32-text,#1f2937)!important;
  font-size:clamp(30px,4vw,46px)!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin:0 0 12px!important;
  padding:0!important;
}
.cf32-header p{
  color:var(--cf32-muted,#6b7280)!important;
  font-size:15px!important;
  line-height:1.6!important;
  margin:0!important;
  padding:0!important;
}
.cf31-filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin:0 0 28px;
}
.cf31-filters button{
  appearance:none;
  border:1px solid #e1e4e6!important;
  background:#fff!important;
  color:var(--cf32-text,#1f2937)!important;
  padding:10px 20px!important;
  border-radius:999px!important;
  cursor:pointer;
  font:inherit!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.cf31-filters button.is-active{
  background:var(--cf32-accent,#294b4b)!important;
  color:#fff!important;
  border-color:var(--cf32-accent,#294b4b)!important;
}
.cf31-public-grid{
  display:grid;
  grid-template-columns:repeat(var(--cf32-desktop,4),minmax(0,1fr));
  gap:var(--cf32-gap,14px);
  width:100%;
}
.cf31-public-item{
  display:block;
  width:100%;
  min-width:0;
  border:0!important;
  outline:0;
  padding:0!important;
  margin:0!important;
  background:#f4f4f4!important;
  border-radius:var(--cf32-radius,12px)!important;
  overflow:hidden;
  cursor:zoom-in;
  box-shadow:none!important;
  line-height:0!important;
}
.cf31-public-item img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:cover;
  transition:transform .25s ease;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.cf31-public-item:hover img{transform:scale(1.025)}
.cf31-public-item:focus-visible{outline:2px solid var(--cf32-accent,#294b4b);outline-offset:3px}
.cf31-public-empty{
  text-align:center;
  padding:50px 20px;
  color:var(--cf32-muted,#6b7280)!important;
  font-size:15px;
}
.cf31-lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.94);
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
}
.cf31-lightbox.is-open{display:flex}
.cf31-viewer{
  width:92vw;
  height:92vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.cf31-main{
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  user-select:none;
  -webkit-user-drag:none;
  margin:0!important;
}
.cf31-close,.cf31-prev,.cf31-next{
  position:fixed;
  z-index:1000000;
  border:0!important;
  color:#fff!important;
  background:rgba(0,0,0,.45)!important;
  cursor:pointer;
  box-shadow:none!important;
}
.cf31-close{top:18px;right:22px;width:48px;height:48px;border-radius:50%;font-size:34px;line-height:48px;padding:0}
.cf31-prev,.cf31-next{top:50%;transform:translateY(-50%);width:52px;height:70px;font-size:50px;line-height:60px;border-radius:12px;padding:0}
.cf31-prev{left:18px}.cf31-next{right:18px}
.cf31-no-scroll{overflow:hidden}
@media(max-width:900px){
  .cf31-public-grid{grid-template-columns:repeat(var(--cf32-tablet,3),minmax(0,1fr))}
}
@media(max-width:600px){
  .cf32-header{margin-bottom:22px}
  .cf32-header h2{font-size:32px!important}
  .cf32-header p{font-size:14px!important}
  .cf31-public-grid{grid-template-columns:repeat(var(--cf32-mobile,2),minmax(0,1fr))}
  .cf31-public-item img{aspect-ratio:auto}
  .cf31-prev,.cf31-next{width:42px;height:55px;font-size:40px;line-height:48px}
  .cf31-prev{left:8px}.cf31-next{right:8px}
  .cf31-viewer{width:96vw;height:90vh}
}