/* visual-enhance.css — responsive visual layer for kambheerduang.com */

h1,.page-h1{line-height:1.42}
h2{line-height:1.48}

/* Page illustrations: compact on leaf pages so long pSEO pages stay scannable. */
.cat-hero{
  position:relative;width:100%;height:280px;margin:1rem auto 1.45rem;
  border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--shadow);background:var(--surface)
}
.cat-hero--compact{height:190px;margin:.85rem auto 1.15rem}
.cat-hero img{width:100%;height:100%;object-fit:cover;display:block}
.cat-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 56%,rgba(10,8,16,.48));
  box-shadow:inset 0 0 48px rgba(10,8,16,.28)}

/* Homepage uses the wide desktop frame; content pages keep --readw from site.css. */
.wrap.home-wrap{width:min(var(--maxw),calc(100% - 32px));max-width:none}
.home-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:2rem 0 1.6rem}
.home-copy{text-align:left}
.home-copy .eyebrow,.home-copy h1,.home-copy .subtitle{text-align:left;margin-left:0;margin-right:0}
.home-copy h1{font-size:clamp(38px,4.4vw,60px);line-height:1.28;margin:.75rem 0 1rem}
.home-copy .subtitle{max-width:590px;font-size:16px;line-height:1.8;margin-bottom:1.25rem}
.home-actions{margin:0}
.home-hero{position:relative;width:100%;height:380px;margin:0;border-radius:28px 28px 82px 28px;
  overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}
.home-hero img{width:100%;height:100%;object-fit:cover;display:block}
.home-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,8,16,.18),transparent 40%),
    linear-gradient(0deg,rgba(10,8,16,.24),transparent 46%)}

.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;
  padding-top:1rem;margin-bottom:1.15rem;text-align:left}
.home-section-head h2{font-size:clamp(25px,2.6vw,34px);margin:0}
.home-section-head p{max-width:460px;color:var(--text-soft);font-size:14px;line-height:1.7}

/* Fixed thumbnail height prevents HTML width/height attributes or grid stretching from creating tall strips. */
.home-card{overflow:hidden;min-width:0}
.home-card .home-thumb{width:100%;height:142px!important;aspect-ratio:auto!important;object-fit:cover;
  border-radius:12px 12px 8px 8px;margin:0 0 .72rem;border:1px solid var(--line-soft);
  transition:filter .2s,transform .3s}
.home-card.has-img .ic{font-size:18px;opacity:.86;margin-top:0}
.home-card:hover .home-thumb{filter:brightness(1.06);transform:scale(1.015)}

/* Siem Si hub: two choices side-by-side with distinct symbolic images. */
.temple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}
.temple-grid .tcard{margin-bottom:0;display:flex;flex-direction:column}
.temple-grid .tcard-image{height:190px;overflow:hidden;border-bottom:1px solid var(--line)}
.temple-grid .tcard-image img{width:100%;height:100%;object-fit:cover}
.temple-grid .tc-body{flex:1}
.image-note{text-align:center;color:var(--text-soft);font-size:11px;margin:-.8rem 0 1.1rem}

@media(max-width:900px){
  .home-intro{grid-template-columns:1fr;gap:1.5rem;padding-top:1.2rem}
  .home-copy{text-align:center}
  .home-copy .eyebrow,.home-copy h1,.home-copy .subtitle{text-align:center;margin-left:auto;margin-right:auto}
  .home-actions{text-align:center}
  .home-hero{height:330px;border-radius:24px 24px 64px 24px}
  .home-section-head{display:block;text-align:center}.home-section-head p{margin:.5rem auto 0}
}

@media(max-width:680px){
  .cat-hero{height:210px;border-radius:14px}.cat-hero--compact{height:155px}
  .home-hero{height:230px}
  .home-card .home-thumb{height:112px!important}
  .temple-grid{grid-template-columns:1fr}.temple-grid .tcard-image{height:175px}
}

@media(prefers-reduced-motion:reduce){.home-card .home-thumb{transition:none}}