/* Three quiet decorative accents, scoped to the homepage. */
body.pu-page .om-home-crystal{position:absolute;z-index:1;width:142px;aspect-ratio:22/25;pointer-events:none;user-select:none;opacity:.82}
body.pu-page .om-home-crystal::before{content:"";position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--bp-accent) 15%,transparent),color-mix(in srgb,var(--bp-accent) 5%,transparent) 40%,transparent 70%);pointer-events:none}
body.pu-page .om-home-crystal img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px #42dce536)}
body.pu-page .om-home-crystal--hero{left:calc(max(var(--pu-gutter), (100vw - 1280px)/2) + 410px);bottom:143px;width:130px;transform:rotate(-17deg)}
body.pu-page .om-home-crystal--solutions{top:24px;right:calc(max(var(--pu-gutter), (100vw - 1280px)/2) + 90px);width:136px;transform:rotate(10deg)}
body.pu-page .om-home-crystal--process{top:28px;right:calc(max(var(--pu-gutter), (100vw - 1280px)/2) + 45px);width:136px;transform:rotate(-11deg)}
html:root:root:root:root:root:root:root body.pu-page :is(#chon-huong,#lo-trinh){position:relative;isolation:isolate;overflow:clip}
html:root:root:root:root:root:root:root body.pu-page #lo-trinh .pu-heading{max-width:calc(100% - 180px)}
html[data-theme=ice] body.pu-page .om-home-crystal{opacity:.64}
html[data-theme=ice] body.pu-page .om-home-crystal img{filter:brightness(.78) saturate(1.15) drop-shadow(0 8px 12px #267fae25)}
@media(max-width:1100px){
  body.pu-page .om-home-crystal--solutions{right:var(--pu-gutter);top:0;width:68px}
  body.pu-page .om-home-crystal--process{right:var(--pu-gutter);width:118px}
}
@media(max-width:900px){
  body.pu-page .om-home-crystal--hero{display:none}
}
@media(max-width:760px){
  body.pu-page :is(.om-home-crystal--solutions,.om-home-crystal--process){top:-9px;right:22px;width:52px;opacity:.7;transform:rotate(8deg)}
  body.pu-page .om-home-crystal::before{inset:-90%}
  html:root:root:root:root:root:root:root body.pu-page #lo-trinh .pu-heading{max-width:none}
}
