.kg-gallery-root{
  --kg-accent:#c0392b;
  --kg-columns:3;
  --kg-max-width:1100px;
  --kg-grid-gap:20px;
  --kg-box-radius:12px;
  --kg-box-cover-height:220px;
  --kg-box-cover-ratio:4/3;
  --kg-box-padding:16px;
  --kg-box-title-size:16px;
  --kg-box-desc-size:13px;
  --kg-box-meta-size:12px;
  --kg-gallery-title-size:26px;
  --kg-gallery-meta-size:14px;
  --kg-root-title-size:28px;
  --kg-photo-columns:4;
  --kg-photo-gap:14px;
  --kg-photo-radius:10px;
  --kg-photo-height:190px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#1a1a1a;
  max-width:var(--kg-max-width);
  margin:0 auto;
}
.kg-breadcrumb{font-size:13px;color:#888;margin:0 0 18px;line-height:1.5}
.kg-bc-link{color:#888!important;text-decoration:none;transition:color .15s}
.kg-bc-link:hover{color:var(--kg-accent)!important}
.kg-bc-sep{margin:0 8px;color:#ccc}
.kg-bc-current{color:#222;font-weight:700}
.kg-grid{
  display:grid;
  grid-template-columns:repeat(var(--kg-columns),minmax(0,1fr));
  gap:var(--kg-grid-gap);
  margin:16px 0 32px;
}
.kg-box{
  background:#fff;
  border-radius:var(--kg-box-radius);
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.07);
  border:1px solid rgba(0,0,0,.06);
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s;
}
.kg-box:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  border-color:rgba(192,57,43,.25);
}
.kg-box-cover{
  width:100%;
  height:auto;
  aspect-ratio:var(--kg-box-cover-ratio);
  min-height:var(--kg-box-cover-height);
  max-height:520px;
  background:#ececec;
  overflow:hidden;
  position:relative;
  flex-shrink:0;
}
.kg-box-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.kg-box:hover .kg-box-cover img{transform:scale(1.04)}
.kg-box-cover-empty{background:linear-gradient(145deg,#f3f3f3,#e4e4e4)}
.kg-gallery-root[data-kg-columns="1"] .kg-box-cover,
.kg-gallery-root[data-kg-columns="2"] .kg-box-cover{
  max-height:560px;
  min-height:max(var(--kg-box-cover-height),260px);
  aspect-ratio:var(--kg-box-cover-ratio);
}
.kg-box-body{padding:var(--kg-box-padding);flex:1;display:flex;flex-direction:column;gap:6px}
.kg-box-title{font-size:var(--kg-box-title-size);font-weight:800;line-height:1.25;color:#111}
.kg-box-desc{font-size:var(--kg-box-desc-size);color:#555;line-height:1.45}
.kg-box-meta{font-size:var(--kg-box-meta-size);color:#888;margin-top:auto}
.kg-box-date{font-size:var(--kg-box-meta-size);color:var(--kg-accent);font-weight:700}
.kg-box-elevated{box-shadow:0 4px 18px rgba(0,0,0,.09)}
.kg-box-classic{box-shadow:none;border:1px solid #ddd}
.kg-box-minimal{box-shadow:none;border:none;border-bottom:2px solid #eee;border-radius:0}
.kg-box-overlay{border:none;box-shadow:0 4px 20px rgba(0,0,0,.12)}
.kg-box-overlay .kg-box-media{position:relative;border-radius:var(--kg-box-radius);overflow:hidden}
.kg-box-overlay .kg-box-cover{
  width:100%;
  height:auto;
  aspect-ratio:var(--kg-box-cover-ratio);
  min-height:max(var(--kg-box-cover-height),240px);
  max-height:560px;
}
.kg-box-overlay .kg-box-body{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.45) 55%,transparent 100%);
  color:#fff;padding:18px var(--kg-box-padding) 14px;
}
.kg-box-overlay .kg-box-title{font-size:calc(var(--kg-box-title-size) + 2px);text-shadow:0 1px 3px rgba(0,0,0,.5)}
.kg-box-overlay .kg-box-title,.kg-box-overlay .kg-box-desc,.kg-box-overlay .kg-box-meta,.kg-box-overlay .kg-box-date{color:#fff}
.kg-box-overlay .kg-box-meta,.kg-box-overlay .kg-box-desc{opacity:.95}
.kg-box-overlay .kg-box-date{color:#ffd6d0}
.kg-gallery-head{margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #eee}
.kg-gallery-title{font-size:var(--kg-gallery-title-size);font-weight:900;margin:0 0 6px;line-height:1.2;color:#111}
.kg-gallery-sub{font-size:var(--kg-gallery-meta-size);color:#777;margin:0}
.kg-gallery-desc{font-size:15px;color:#555;margin:0 0 18px;line-height:1.65}
.kg-gallery-desc p:first-child{margin-top:0}
.kg-gallery-desc p:last-child{margin-bottom:0}
.kg-gallery-desc a{color:var(--kg-accent,#c0392b)}
.kg-gallery-desc ul,.kg-gallery-desc ol{margin:.5em 0 .75em 1.25em;padding:0}
.kg-gallery-desc h2,.kg-gallery-desc h3,.kg-gallery-desc h4{margin:1em 0 .4em;line-height:1.25;color:#222}
.kg-photo-grid{
  display:grid;
  grid-template-columns:repeat(var(--kg-photo-columns),minmax(0,1fr));
  gap:var(--kg-photo-gap);
  margin-top:12px;
}
.kg-photo-item{display:block;text-decoration:none;color:inherit}
.kg-photo-frame{
  display:block;
  background:#fff;
  border:1px solid rgba(0,0,0,.07);
  border-radius:var(--kg-photo-radius);
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:transform .15s ease,box-shadow .15s ease;
}
.kg-photo-item:hover .kg-photo-frame{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.kg-photo-frame img{
  width:100%;
  height:var(--kg-photo-height);
  object-fit:cover;
  display:block;
  cursor:zoom-in;
}
.kg-empty{color:#888;font-size:14px;padding:24px 0}
.kg-latest{margin-top:28px;padding-top:8px}
.kg-latest-title{font-size:var(--kg-root-title-size);font-weight:900;margin:0 0 8px}
.kg-latest-sub{font-size:var(--kg-gallery-meta-size);color:#666;margin:0 0 14px}
.kg-loading{opacity:.55;pointer-events:none;min-height:120px}
@media(max-width:900px){
  .kg-photo-grid{grid-template-columns:repeat(min(var(--kg-photo-columns),3),minmax(0,1fr))}
  .kg-grid{grid-template-columns:repeat(min(var(--kg-columns),2),minmax(0,1fr))}
}
@media(max-width:560px){
  .kg-photo-grid{grid-template-columns:repeat(min(var(--kg-photo-columns),2),minmax(0,1fr))}
  .kg-grid{grid-template-columns:repeat(min(var(--kg-columns),1),minmax(0,1fr))}
  .kg-box-cover{min-height:max(var(--kg-box-cover-height),220px)}
}