/* ===== Cloud section dividers (Biên Hòa pottery theme) ===== */
:root{
  --cloud-height: clamp(120px, 14vw, 260px);
}
.section{position:relative;}
/* bottom divider placed after a section to blend into the next light section */
.divider-cloud {
  position: relative;
  height: var(--cloud-height);
  margin-top: calc(var(--cloud-height) * -0.6); /* pull up to overlap previous section */
  z-index: 2;
  pointer-events: none;
  background: center bottom / 1600px auto repeat-x url('cloud-top.png'); /* path to the exported PNG */
  opacity: .92; /* feel free to tweak */
  filter: drop-shadow(0 -10px 30px rgba(0,0,0,.08));
}

/* if next section is not white, softly fade to it */
.divider-cloud::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:40%;
  background: linear-gradient(to bottom, rgba(255,255,255,.85), rgba(255,255,255,0));
}

/* top divider (use before a dark hero to blend from white to video) */
.divider-cloud.top {
  transform: scaleY(-1);
  margin-bottom: calc(var(--cloud-height) * -0.45);
}

/* Hero video helpers from your snippet */
.hero-video-wrap{position:relative;overflow:hidden;}
.hero-video{width:100%;height:100vh;object-fit:cover;display:block;}
.hero-overlay{
  position:absolute;inset:0;
  background: radial-gradient(60% 60% at 50% 40%, rgba(0,0,0,.1), rgba(0,0,0,.55)),
              linear-gradient(to bottom, rgba(0,0,0,.35) 0%, rgba(0,0,0,.15) 40%, rgba(0,0,0,0) 70%);
}
.hero-content{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:flex-end; padding:clamp(16px,4vw,72px);
  color:#fff; z-index:1; text-align:right;
}
.hero-button{
  display:inline-block; padding:.9rem 1.4rem; border-radius:999px; background:#b48a3a; color:#fff; text-decoration:none; font-weight:600;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
}
.hero-button:hover{transform:translateY(-1px); text-decoration:none;}

/* About section spacing to account for overlap */
.about-terrarium{background:#fff; position:relative; z-index:3;}