#tls-intro{position:fixed;inset:0;z-index:940;display:none}
#tls-intro.on{display:block}

#tls-intro .tlsi-block{position:absolute;inset:0;cursor:default}

#tls-intro .tlsi-hole{
  position:fixed;left:0;top:0;width:0;height:0;
  border-radius:10px;
  box-shadow:0 0 0 9999px rgba(12,8,4,.82);
  outline:1px solid rgba(236,214,163,.45);   
  pointer-events:none;
  transition:left .34s ease,top .34s ease,width .34s ease,height .34s ease;
}
#tls-intro.tlsi-nohole .tlsi-hole{opacity:0;outline:none}


#tls-intro .tlsi-card{
  position:fixed;left:0;top:0;width:min(var(--tlsi-card-w,330px),calc(100vw - 32px));
  box-sizing:border-box;
  padding:22px 26px 18px;
  text-align:center;color:#241a10;
  background:url("plate-dialog.webp") center/100% 100% no-repeat;
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.65));
  transform:rotate(-.4deg);
  transition:left .34s ease,top .34s ease;
}
#tls-intro .tlsi-card h3{
  margin:0 0 6px;font-family:'IM Fell Great Primer SC',Georgia,serif;
  font-size:19px;font-weight:400;line-height:1.15;
}
#tls-intro .tlsi-card p{
  margin:0 0 14px;font-family:'IM Fell DW Pica',Georgia,serif;
  font-size:14.5px;line-height:1.45;color:#3d2c18;
}

#tls-intro .tlsi-dots{display:flex;gap:5px;justify-content:center;margin:0 0 12px}
#tls-intro .tlsi-dots i{
  width:6px;height:6px;border-radius:50%;
  background:rgba(36,26,16,.25);display:block;
}
#tls-intro .tlsi-dots i.on{background:#6a2c14}   

#tls-intro .tlsi-next{
  display:block;width:100%;box-sizing:border-box;
  font-family:'Cinzel',Georgia,serif;letter-spacing:.4px;font-size:13px;
  text-transform:uppercase;
  padding:9px 14px;cursor:pointer;
  color:#f3e4c2;background:#4a3418;
  border:1px solid #6b4a22;border-radius:3px;
}
#tls-intro .tlsi-next:hover{background:#5a4020}
#tls-intro .tlsi-next:focus-visible{outline:2px solid #ecd6a3;outline-offset:2px}

#tls-intro .tlsi-skip{
  display:block;margin:9px auto 0;padding:2px 6px;
  background:none;border:0;cursor:pointer;
  font-family:'IM Fell DW Pica',Georgia,serif;font-size:12.5px;font-style:italic;
  color:#6b4a22;text-decoration:underline;
}
#tls-intro .tlsi-skip:hover{color:#241a10}
#tls-intro .tlsi-skip:focus-visible{outline:2px solid #6a2c14;outline-offset:2px}

#tls-intro.tlsi-snap .tlsi-hole,
#tls-intro.tlsi-snap .tlsi-card{transition:none}

html.still #tls-intro .tlsi-hole,
html.still #tls-intro .tlsi-card{transition:none}

@media (prefers-reduced-motion:reduce){
  #tls-intro .tlsi-hole,#tls-intro .tlsi-card{transition:none}
}

@media (max-width:420px){
  #tls-intro .tlsi-card{padding:18px 20px 15px}
}