#rong-intro{position:fixed;inset:0;z-index:9999;overflow:hidden;background:
  radial-gradient(circle at 50% 42%,#fffdf6 0 30%,#f2e8d4 68%,#d7c09b 100%);
  opacity:1;transition:opacity .5s ease;isolation:isolate}
#rong-intro:before{content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background:
  repeating-linear-gradient(4deg,transparent 0 4px,rgba(92,61,31,.04) 5px 6px)}
html.bo-qua-rong #rong-intro{display:none}
#rong-intro.rong-ket-thuc{opacity:0;pointer-events:none}
.tl-rong-wrap{position:absolute;left:50%;top:50%;width:min(58vw,540px);aspect-ratio:2/3;
  transform-origin:50% 58%;will-change:transform,opacity;filter:drop-shadow(0 18px 22px rgba(93,51,15,.15))}
#rongCanvas{display:block;width:100%;height:100%}
.tl-rong-brand{position:absolute;left:50%;bottom:13vh;transform:translate(-50%,22px);width:min(88vw,760px);
  text-align:center;opacity:0;filter:blur(5px);transition:opacity .82s ease,transform .82s cubic-bezier(.2,.8,.2,1),filter .82s ease}
.tl-rong-brand small{display:block;color:#7c634d;letter-spacing:.26em;font:11px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;text-transform:uppercase}
.tl-rong-brand strong{display:block;color:#873427;font:600 clamp(27px,3.5vw,48px)/1.05 Georgia,serif;letter-spacing:.045em}
#rong-intro.rong-brand-hien .tl-rong-brand{opacity:1;filter:blur(0);transform:translate(-50%,0)}
@media(max-width:720px){
  .tl-rong-wrap{width:min(91vw,570px)}
  .tl-rong-brand{bottom:15vh}.tl-rong-brand strong{font-size:clamp(27px,9vw,43px)}
}
@media(prefers-reduced-motion:reduce){#rong-intro{display:none!important}}