/* GNTS supporting Thai artwork: generated transparent assets, never product imagery. */
.home-page .masthead,
.home-page #collection,
.home-page #services {
  isolation:isolate;
}
.home-page #collection,
.home-page #services { position:relative; }
.home-page .masthead::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:url('assets/cinematic/kanok-band-responsive.webp') center 65% / 100% auto no-repeat;
  opacity:.075;
  mask-image:linear-gradient(90deg,#000,transparent 5%,transparent 18%,#000 23%,transparent 35%,transparent 94%,#000);
}
.home-page #collection > .wrap,
.home-page #services > .wrap { position:relative; z-index:1; }
.thai-pattern-corners {
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  pointer-events:none;
  z-index:0;
}
.thai-pattern-corners > span {
  position:absolute;
  width:360px;
  height:360px;
  background:url('assets/cinematic/kanok-corner-responsive.webp') top left / contain no-repeat;
  opacity:.13;
  mask-image:linear-gradient(135deg,#000 5%,rgba(0,0,0,.7) 35%,transparent 78%);
}
.thai-pattern-corners .pattern-tl { top:0; left:0; }
.thai-pattern-corners .pattern-tr { top:0; right:0; transform:scaleX(-1); }
.thai-pattern-corners .pattern-bl { bottom:0; left:0; transform:scaleY(-1); }
.thai-pattern-corners .pattern-br { bottom:0; right:0; transform:scale(-1); }
.home-page #services .thai-pattern-corners > span {
  width:300px;
  height:300px;
  opacity:.09;
}
@media (max-width:767px) {
  .home-page .masthead::before { opacity:.045; }
  .thai-pattern-corners > span { width:150px; height:150px; opacity:.09; }
  .home-page #services .thai-pattern-corners > span { width:140px; height:140px; opacity:.065; }
}