@font-face{font-family:'Didot';src:url('fonts/GFSDidotBold.otf');}
@font-face{font-family:'DidotIt';src:url('fonts/GFSDidotItalic.otf');}
@font-face{font-family:'GaramondIt';src:url('fonts/EBGaramond12-Italic.ttf');}

*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;overflow:hidden;background:transparent;}
.stage{position:relative;width:100vw;height:100vh;overflow:hidden;}
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* vignette ให้อ่านง่าย */
.vignette{position:absolute;inset:0;pointer-events:none;}
.vignette.right{background:linear-gradient(90deg,rgba(15,3,12,0) 45%,rgba(15,3,12,.55) 100%);}
.vignette.left{background:linear-gradient(270deg,rgba(15,3,12,0) 45%,rgba(15,3,12,.55) 100%);}

.block{position:absolute;top:20vh;color:#fff;}
.block.right{right:3.2vw;text-align:right;align-items:flex-end;}
.block.left{left:3.2vw;text-align:left;align-items:flex-start;}
.block{display:flex;flex-direction:column;}

.live{display:inline-flex;align-items:center;gap:.5vw;background:rgba(200,30,40,.92);
  color:#fff;font-family:'Didot',serif;font-size:1.5vw;letter-spacing:.15vw;
  padding:.3vw 1vw;border-radius:2vw;margin-bottom:1.4vh;}
.live .dot{width:.7vw;height:.7vw;border-radius:50%;background:#fff;animation:blink 1.4s infinite;}
@keyframes blink{50%{opacity:.25;}}

.tagline{font-family:'GaramondIt',serif;font-style:italic;font-size:2.4vw;color:#ffe0e0;
  text-shadow:0 2px 14px rgba(0,0,0,.5);}
.title{font-family:'Didot',serif;font-size:5.6vw;line-height:1;letter-spacing:.2vw;
  text-shadow:0 3px 24px rgba(0,0,0,.55);margin:.4vh 0 .8vh;}
.sub{font-family:'GaramondIt',serif;font-style:italic;font-size:1.9vw;letter-spacing:.35vw;
  color:#ffbe96;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.5);}
.timer{font-family:'Didot',serif;font-size:7.4vw;line-height:1.1;margin-top:1.2vh;
  background:linear-gradient(90deg,#ff4646,#ff9632,#ffe178);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 18px rgba(255,90,60,.45));}

/* flavor ย้ายมามุมขวาล่าง + พื้นหลังไล่เฉดเข้มที่มุม → บังลายน้ำ Veo */
.flavor{position:absolute;right:0;bottom:0;text-align:right;
  padding:2vh 2.4vw 2.6vh 5.5vw;font-family:'GaramondIt',serif;font-style:italic;
  font-size:2.1vw;color:#ffdada;text-shadow:0 2px 14px rgba(0,0,0,.6);
  background:linear-gradient(115deg,rgba(13,3,10,0) 0%,rgba(13,3,10,.55) 42%,rgba(13,3,10,1) 88%);
  border-top-left-radius:28px;}
.flavor.rightf{}