/*curve*/
.curved-top-bottom-mask{
	--mask-size: 100% 100%;
  position: relative;
  width: 100%;
  min-height: 500px;
  padding: 0 !important;
  overflow: hidden;

  -webkit-mask-image: url('/wp-content/uploads/2026/03/1-shape-top-bottom-aspect-2.svg');
  mask-image: url('/wp-content/uploads/2026/03/1-shape-top-bottom-aspect-2.svg');

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center center;
  mask-position: center center;

  -webkit-mask-size: var(--mask-size);
  mask-size: var(--mask-size);
}

.home-intro-wrapper{
	--mask-size: 120% 120%;
}



.mask-curve{
  --padding: 200px;
  position: relative;
  width: 100%;
  padding-bottom: var(--padding);
  min-height: clamp(500px, 60vw, 900px);
  overflow: hidden;
  -webkit-mask-image: url('/wp-content/uploads/2026/03/shape-hero-curve-bottom.svg');
  mask-image: url('/wp-content/uploads/2026/03/shape-hero-curve-bottom.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
}

.mask-curve.top{
  padding-bottom: var(--padding);
  padding-top: var(--padding);
  -webkit-mask-image: url('/wp-content/uploads/2026/03/shape-hero-curve-top.svg');
  mask-image: url('/wp-content/uploads/2026/03/shape-hero-curve-top.svg');
   -webkit-mask-position: center top;
  mask-position: center top;
}

.mask-curve.about-sand{
  min-height: 0;
}

@media (max-width: 767px) {
  .mask-curve.about-sand{
    padding-bottom: var(--pad-xl);
  }
}

/* curved colour elements */

.insight-lead{
	background-color: var(--c-green-20);
	position: absolute;
	top:0;
}

.contact-lead, .ingredient-lead{ 
  background-color: var(--h-eggshell);
}

.event-lead{ 
  background-color: var(--c-sand-20);
	position: absolute;
	top:0;
}