/* tpl-betawi.css — LAPISAN "betawi" (adat Betawi / Jakarta).
   Karakter: meriah dan ramai — ondel-ondel bergoyang, deret gigi balang sebagai
   pembatas, payung rotan berputar, bunga kebaya encim bertabur.
   Palet: merah menyala, hijau, kuning emas, krem, sedikit biru.

   Prinsip (alasan, bukan hiasan):
   - Semua selektor diawali .inv.tpl-betawi supaya tidak bocor ke lapisan lain.
   - Ornamen digambar sendiri sebagai SVG inline (data URI) yang dipakai sebagai
     mask-image + background:currentColor, jadi warnanya mengikuti token tema.
   - Tidak ada URL luar dan tidak ada Google Fonts (CSP memblokir keduanya).
   - Ornamen selalu dipusatkan (inset 0 + margin auto), jadi aman di 390px & 1440px. */

/* Palet Betawi diturunkan dari token tema, bukan warna lepas. */
.inv.tpl-betawi{--betawi-merah:#c8102e;--betawi-hijau:#14663a;--betawi-emas:#f2c200;--betawi-krem:#fdf1dd;

  /* Emas TEKS dipisah dari emas ornamen: #f2c200 di latar krem hanya 1,62:1. */
  --betawi-emas-teks:#7d6212;  --betawi-biru:#1f5fa8;background:var(--background)}

/* ---------- COVER ---------- */
/* Merah menyala di atas, hijau di bawah: panggung ondel-ondel. */
.inv.tpl-betawi .cover{background:
  radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--betawi-merah) 40%,var(--background)) 0%,transparent 62%),
  radial-gradient(90% 60% at 50% 100%,color-mix(in srgb,var(--betawi-hijau) 34%,var(--background)) 0%,transparent 70%),
  var(--background)}
/* Ruang atas untuk sepasang ondel-ondel (boneka besar) di atas nama. */
.inv.tpl-betawi .cover__inner{max-width:32rem;padding-top:clamp(7.5rem,28vw,10rem)}
/* Sepasang ondel-ondel: kepala bulat berambut, badan berlapis, lengan menggantung.
   Dipusatkan dengan left/right 0 + margin auto supaya transform bebas dipakai animasi. */
.inv.tpl-betawi .cover__inner::before{content:'';position:absolute;top:1.2rem;left:0;right:0;margin-inline:auto;
  width:min(60vw,16rem);height:min(26vw,7rem);background:currentColor;color:var(--betawi-emas);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%20120%2070'%3E%3Cg%20fill%3D'black'%3E%3Cg%3E%3Cpath%20d%3D'M24%202a9%209%200%201%200%200%2018a9%209%200%201%200%200-18z'/%3E%3Cpath%20d%3D'M12%2013l3-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208z'/%3E%3Cpath%20d%3D'M15%2022h18l3%2012H12z'/%3E%3Cpath%20d%3D'M11%2034h26l3%2012H8z'/%3E%3Cpath%20d%3D'M7%2046h34l3%2012H4z'/%3E%3Cpath%20d%3D'M3%2058h42l-3%208H6z'/%3E%3Cpath%20d%3D'M10%2024l-5%203v20l5%203z'/%3E%3Cpath%20d%3D'M38%2024l5%203v20l-5%203z'/%3E%3Cpath%20d%3D'M5%2047a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3Cpath%20d%3D'M43%2047a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3C/g%3E%3Cg%20transform%3D'translate(120,0)%20scale(-1,1)'%3E%3Cpath%20d%3D'M24%202a9%209%200%201%200%200%2018a9%209%200%201%200%200-18z'/%3E%3Cpath%20d%3D'M12%2013l3-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208z'/%3E%3Cpath%20d%3D'M15%2022h18l3%2012H12z'/%3E%3Cpath%20d%3D'M11%2034h26l3%2012H8z'/%3E%3Cpath%20d%3D'M7%2046h34l3%2012H4z'/%3E%3Cpath%20d%3D'M3%2058h42l-3%208H6z'/%3E%3Cpath%20d%3D'M10%2024l-5%203v20l5%203z'/%3E%3Cpath%20d%3D'M38%2024l5%203v20l-5%203z'/%3E%3Cpath%20d%3D'M5%2047a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3Cpath%20d%3D'M43%2047a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%20120%2070'%3E%3Cg%20fill%3D'black'%3E%3Cg%3E%3Cpath%20d%3D'M24%202a9%209%200%201%200%200%2018a9%209%200%201%200%200-18z'/%3E%3Cpath%20d%3D'M12%2013l3-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208z'/%3E%3Cpath%20d%3D'M15%2022h18l3%2012H12z'/%3E%3Cpath%20d%3D'M11%2034h26l3%2012H8z'/%3E%3Cpath%20d%3D'M7%2046h34l3%2012H4z'/%3E%3Cpath%20d%3D'M3%2058h42l-3%208H6z'/%3E%3Cpath%20d%3D'M10%2024l-5%203v20l5%203z'/%3E%3Cpath%20d%3D'M38%2024l5%203v20l-5%203z'/%3E%3Cpath%20d%3D'M5%2047a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3Cpath%20d%3D'M43%2047a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3C/g%3E%3Cg%20transform%3D'translate(120,0)%20scale(-1,1)'%3E%3Cpath%20d%3D'M24%202a9%209%200%201%200%200%2018a9%209%200%201%200%200-18z'/%3E%3Cpath%20d%3D'M12%2013l3-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208%203-8%203%208z'/%3E%3Cpath%20d%3D'M15%2022h18l3%2012H12z'/%3E%3Cpath%20d%3D'M11%2034h26l3%2012H8z'/%3E%3Cpath%20d%3D'M7%2046h34l3%2012H4z'/%3E%3Cpath%20d%3D'M3%2058h42l-3%208H6z'/%3E%3Cpath%20d%3D'M10%2024l-5%203v20l5%203z'/%3E%3Cpath%20d%3D'M38%2024l5%203v20l-5%203z'/%3E%3Cpath%20d%3D'M5%2047a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3Cpath%20d%3D'M43%2047a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  animation:betawiOndel 3.6s ease-in-out infinite alternate}
/* Nama mempelai: merah dengan bayangan krem, seperti papan nama ondel-ondel. */
.inv.tpl-betawi .cover__names{color:var(--betawi-merah);letter-spacing:.05em;
  text-shadow:0 2px 0 var(--betawi-krem),0 6px 18px color-mix(in srgb,var(--betawi-merah) 30%,transparent)}
.inv.tpl-betawi .cover__date{color:var(--betawi-hijau);letter-spacing:.24em;text-transform:uppercase;font-size:.82rem}
.inv.tpl-betawi .cover__to{color:var(--muted)}
.inv.tpl-betawi .cover__guestname{color:var(--betawi-merah)}
/* Di atas foto: warna digeser ke krem/emas supaya tetap terbaca. */
.inv.tpl-betawi .cover.has-cover .cover__names{color:var(--betawi-krem);text-shadow:0 2px 12px rgba(0,0,0,.6)}
.inv.tpl-betawi .cover.has-cover .cover__date{color:var(--betawi-emas)}
/* Tombol buka: cincin emas berdenyut seperti lampu panggung. */
.inv.tpl-betawi .btn--open{background:var(--betawi-merah);color:var(--betawi-krem);border-color:var(--betawi-emas);
  letter-spacing:.14em;animation:betawiNyala 2.4s ease-in-out infinite}

/* ---------- PEMBATAS SECTION: DERET GIGI BALANG ----------
   Papan bambu bergerigi segitiga berjajar. Gerigi "berjalan" mendatar satu petak
   per siklus (14px) supaya loop-nya mulus tanpa lompatan (digeser transform,
   karena mask-position tidak dianimasikan Chrome). */
.inv.tpl-betawi .sec::before,
.inv.tpl-betawi .sec--hero::after,
.inv.tpl-betawi .sec--footer::after{background:currentColor;pointer-events:none;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%208%2012'%3E%3Cpath%20fill%3D'black'%20d%3D'M0%200h8v2.5H0zM0%202.5h8l-4%209.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%208%2012'%3E%3Cpath%20fill%3D'black'%20d%3D'M0%200h8v2.5H0zM0%202.5h8l-4%209.5z'/%3E%3C/svg%3E");
  -webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;
  -webkit-mask-position:0 0;mask-position:0 0;
  -webkit-mask-size:14px 12px;mask-size:14px 12px;
  animation:betawiGigiBalang 1.6s linear infinite}
/* Strip dibiarkan 14px lebih lebar di kiri-kanan: saat digeser satu petak (14px)
   tepinya tidak pernah berlubang. */
.inv.tpl-betawi .sec::before{content:'';position:absolute;top:0;left:-14px;right:-14px;height:12px;opacity:.5;
  color:color-mix(in srgb,var(--betawi-hijau) 65%,var(--betawi-emas))}
.inv.tpl-betawi .sec--hero::after{content:'';position:absolute;bottom:0;left:-14px;right:-14px;height:12px;opacity:.4;
  color:var(--betawi-emas)}
.inv.tpl-betawi .sec--footer::after{content:'';position:absolute;bottom:0;left:-14px;right:-14px;height:12px;opacity:.5;
  color:var(--betawi-merah)}
/* Garis pemisah jadi deret gigi balang (statis; gerak sudah ada di pembatas section). */
.inv.tpl-betawi .rule{width:8.5rem;height:12px;color:var(--betawi-merah);opacity:.85}

/* ---------- HERO ---------- */
.inv.tpl-betawi .hero__names{color:var(--betawi-merah)}
.inv.tpl-betawi .hero__date{color:var(--betawi-hijau);letter-spacing:.22em;text-transform:uppercase;font-size:.82rem}
.inv.tpl-betawi .hero__datelong{color:color-mix(in srgb,var(--betawi-hijau) 55%,var(--muted))}
/* Foto hero: bingkai krem + garis merah di dalamnya. */
.inv.tpl-betawi .hero__photo{border:6px solid var(--betawi-krem);outline:3px solid var(--betawi-merah);
  outline-offset:-9px;border-radius:calc(var(--radius) * .5)}

/* ---------- QUOTE: BUNGA KEBAYA ENCIM BERTABUR ----------
   Bunga kecil bertabur. Mask kedua (radial) memudar di tengah supaya teks
   kutipan tetap bersih; mask-composite:intersect = irisan kedua mask. */
.inv.tpl-betawi .sec--quote{background:color-mix(in srgb,var(--betawi-krem) 30%,var(--background))}
.inv.tpl-betawi .sec--quote::after{content:'';position:absolute;inset:0;background:currentColor;
  color:var(--betawi-merah);pointer-events:none;opacity:.22;
  -webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,transparent 38%,#000 88%),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2024%2024'%3E%3Cg%20fill%3D'black'%3E%3Ccircle%20cx%3D'12'%20cy%3D'5'%20r%3D'4'/%3E%3Ccircle%20cx%3D'19'%20cy%3D'12'%20r%3D'4'/%3E%3Ccircle%20cx%3D'12'%20cy%3D'19'%20r%3D'4'/%3E%3Ccircle%20cx%3D'5'%20cy%3D'12'%20r%3D'4'/%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3'/%3E%3C/g%3E%3C/svg%3E");
  mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,transparent 38%,#000 88%),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2024%2024'%3E%3Cg%20fill%3D'black'%3E%3Ccircle%20cx%3D'12'%20cy%3D'5'%20r%3D'4'/%3E%3Ccircle%20cx%3D'19'%20cy%3D'12'%20r%3D'4'/%3E%3Ccircle%20cx%3D'12'%20cy%3D'19'%20r%3D'4'/%3E%3Ccircle%20cx%3D'5'%20cy%3D'12'%20r%3D'4'/%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;
  -webkit-mask-size:100% 100%,30px 30px;mask-size:100% 100%,30px 30px;
  -webkit-mask-composite:source-in;mask-composite:intersect;
  animation:betawiTabur 1.4s ease-out both}
.inv.tpl-betawi .sec--quote>*{position:relative;z-index:1}
.inv.tpl-betawi .quote{color:var(--betawi-merah)}
.inv.tpl-betawi .quote cite{color:var(--betawi-hijau)}

/* ---------- MEMPELAI ---------- */
.inv.tpl-betawi .couple__photo{border:5px solid var(--betawi-krem);outline:2px solid var(--betawi-hijau);
  outline-offset:-8px;border-radius:calc(var(--radius) * .5)}
.inv.tpl-betawi .couple__photo--empty{background:color-mix(in srgb,var(--betawi-hijau) 22%,var(--surface))}
.inv.tpl-betawi .couple__name{color:var(--betawi-merah)}
.inv.tpl-betawi .couple__nick{color:var(--betawi-hijau)}
.inv.tpl-betawi .couple__parents{color:var(--muted)}
.inv.tpl-betawi .couple__ig{color:var(--betawi-biru)}
.inv.tpl-betawi .couple__amp{color:var(--betawi-emas-teks)}

/* ---------- ACARA: kartu krem berkepala gigi balang ---------- */
.inv.tpl-betawi .event{position:relative;overflow:hidden;padding-top:2.1rem;background:var(--surface);
  border:1px solid color-mix(in srgb,var(--betawi-merah) 32%,var(--line));
  border-radius:calc(var(--radius) * .6);
  box-shadow:0 12px 26px -20px color-mix(in srgb,var(--betawi-merah) 70%,transparent)}
/* Kepala gigi balang statis (kontras dengan pembatas section yang berjalan). */
.inv.tpl-betawi .event::before,
.inv.tpl-betawi .gift::before,
.inv.tpl-betawi .rule{content:'';position:absolute;top:0;left:0;right:0;height:12px;
  background:currentColor;pointer-events:none;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%208%2012'%3E%3Cpath%20fill%3D'black'%20d%3D'M0%200h8v2.5H0zM0%202.5h8l-4%209.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%208%2012'%3E%3Cpath%20fill%3D'black'%20d%3D'M0%200h8v2.5H0zM0%202.5h8l-4%209.5z'/%3E%3C/svg%3E");
  -webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;
  -webkit-mask-size:14px 12px;mask-size:14px 12px}
.inv.tpl-betawi .event::before{color:var(--betawi-merah);opacity:.7}
/* .rule tetap di aliran normal (bukan absolut), hanya masknya yang dipakai. */
.inv.tpl-betawi .rule{position:static;width:8.5rem;height:12px;margin:1.1rem auto 0;
  color:var(--betawi-merah);opacity:.85}
.inv.tpl-betawi .event__title{color:var(--betawi-merah);letter-spacing:.04em}
.inv.tpl-betawi .event__when{color:var(--betawi-hijau)}

/* ---------- HITUNG MUNDUR: payung rotan berputar di belakang angka ---------- */
.inv.tpl-betawi .sec--countdown{background:color-mix(in srgb,var(--betawi-hijau) 14%,var(--background))}
.inv.tpl-betawi .sec--countdown::after{content:'';position:absolute;top:1.4rem;left:0;right:0;margin-inline:auto;
  width:min(52vw,10rem);height:min(58vw,11rem);background:currentColor;
  color:color-mix(in srgb,var(--betawi-emas) 75%,var(--betawi-merah));
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2064%2072'%3E%3Cg%20fill%3D'black'%3E%3Cpath%20d%3D'M32%206C18%206%206%2016%204%2030h56C58%2016%2046%206%2032%206z'/%3E%3Cpath%20d%3D'M4%2030q7%206%2014%200%207%206%2014%200%207%206%2014%200%207%206%2014%200z'/%3E%3Cpath%20d%3D'M32%200a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3Cpath%20d%3D'M30%2032h4v30h-4z'/%3E%3Cpath%20d%3D'M24%2062h16l3%206H21z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2064%2072'%3E%3Cg%20fill%3D'black'%3E%3Cpath%20d%3D'M32%206C18%206%206%2016%204%2030h56C58%2016%2046%206%2032%206z'/%3E%3Cpath%20d%3D'M4%2030q7%206%2014%200%207%206%2014%200%207%206%2014%200%207%206%2014%200z'/%3E%3Cpath%20d%3D'M32%200a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'/%3E%3Cpath%20d%3D'M30%2032h4v30h-4z'/%3E%3Cpath%20d%3D'M24%2062h16l3%206H21z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  opacity:.3;pointer-events:none;z-index:0;
  animation:betawiPayung 24s linear infinite}
/* Angka countdown di atas payung. */
.inv.tpl-betawi .sec--countdown>*{position:relative;z-index:1}
.inv.tpl-betawi .count__unit{background:var(--surface);border-radius:calc(var(--radius) * .5);
  border:1px solid color-mix(in srgb,var(--betawi-hijau) 35%,var(--line))}
.inv.tpl-betawi .count__num{color:var(--betawi-merah)}
.inv.tpl-betawi .count__lbl{color:color-mix(in srgb,var(--betawi-hijau) 70%,var(--muted))}

/* ---------- GALERI ---------- */
.inv.tpl-betawi .gallery__item{border:4px solid var(--betawi-krem);border-radius:calc(var(--radius) * .5);
  box-shadow:0 10px 22px -18px color-mix(in srgb,var(--betawi-hijau) 80%,transparent)}
.inv.tpl-betawi .gallery__item:hover{transform:rotate(-.6deg) scale(1.02)}

/* ---------- HADIAH ---------- */
.inv.tpl-betawi .gift{position:relative;overflow:hidden;padding-top:2rem;
  border:1px solid color-mix(in srgb,var(--betawi-hijau) 34%,var(--line));
  border-radius:calc(var(--radius) * .6)}
.inv.tpl-betawi .gift::before{color:var(--betawi-hijau);opacity:.65}
.inv.tpl-betawi .gift__kind{color:var(--betawi-emas-teks)}
.inv.tpl-betawi .gift__provider{color:var(--betawi-hijau)}
.inv.tpl-betawi .gift__number{color:var(--betawi-merah)}
.inv.tpl-betawi .gift__holder{color:var(--muted)}

/* ---------- UCAPAN ---------- */
.inv.tpl-betawi .wish{background:var(--surface);border-radius:calc(var(--radius) * .6);
  border:1px solid color-mix(in srgb,var(--betawi-merah) 20%,var(--line));
  border-left:4px solid var(--betawi-merah)}
.inv.tpl-betawi .wish__name{color:var(--betawi-hijau)}
.inv.tpl-betawi .wish__meta{color:var(--muted)}
.inv.tpl-betawi .btn--primary{background:var(--betawi-merah);color:var(--betawi-krem);
  border-radius:calc(var(--radius) * .5)}
.inv.tpl-betawi .btn--ghost{border-color:var(--betawi-hijau);color:var(--betawi-hijau);
  border-radius:calc(var(--radius) * .5)}

/* ---------- FOOTER, MUSIK, LIGHTBOX ---------- */
.inv.tpl-betawi .sec--footer{background:color-mix(in srgb,var(--betawi-merah) 10%,var(--background));border-top:0}
.inv.tpl-betawi .footer__names{color:var(--betawi-merah)}
.inv.tpl-betawi .eyebrow{color:var(--betawi-hijau);letter-spacing:.2em}
.inv.tpl-betawi .sec__num{color:color-mix(in srgb,var(--betawi-emas) 55%,var(--betawi-merah))}
.inv.tpl-betawi .orn{color:var(--betawi-emas)}
.inv.tpl-betawi .orn-corner{color:var(--betawi-merah);opacity:.5}
.inv.tpl-betawi .music{border-color:color-mix(in srgb,var(--betawi-emas) 55%,var(--line))}
.inv.tpl-betawi .music__toggle{background:var(--betawi-merah);color:var(--betawi-krem)}
.inv.tpl-betawi .lightbox img{border:4px solid var(--betawi-krem)}

/* ---------- GERAK ----------
   Tiap animasi punya gerak berbeda: goyang kiri-kanan (ondel), jalan mendatar
   (gigi balang), putar (payung), masuk dari bawah (masuk), tabur (bunga),
   denyut cincin (nyala). */
.inv.tpl-betawi .cover__inner,
.inv.tpl-betawi .hero__names,
.inv.tpl-betawi .sec__head{animation:betawiMasuk .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes betawiOndel{from{transform:translateX(-8px) rotate(-2.5deg)}to{transform:translateX(8px) rotate(2.5deg)}}
@keyframes betawiGigiBalang{from{transform:translateX(-14px)}to{transform:translateX(0)}}
@keyframes betawiPayung{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes betawiMasuk{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes betawiTabur{from{opacity:0;transform:scale(.92)}to{opacity:.22;transform:none}}
@keyframes betawiNyala{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--betawi-emas) 70%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--betawi-emas) 0%,transparent)}}

/* Layar lebar: ornamen dibatasi supaya tetap terpusat, tidak melebar sendiri. */
@media (min-width:900px){
  .inv.tpl-betawi .cover__inner::before{width:min(34vw,15rem);height:6.4rem;top:1.5rem}
  .inv.tpl-betawi .sec--countdown::after{top:2rem;width:9rem;height:10rem}
  .inv.tpl-betawi .event,.inv.tpl-betawi .gift{padding-top:2.4rem}
}

/* Hormati preferensi pengguna: semua gerak dimatikan, ornamen tetap tampil. */
@media (prefers-reduced-motion:reduce){
  .inv.tpl-betawi .cover__inner,
  .inv.tpl-betawi .cover__inner::before,
  .inv.tpl-betawi .hero__names,
  .inv.tpl-betawi .sec__head,
  .inv.tpl-betawi .sec::before,
  .inv.tpl-betawi .sec--hero::after,
  .inv.tpl-betawi .sec--footer::after,
  .inv.tpl-betawi .sec--quote::after,
  .inv.tpl-betawi .sec--countdown::after,
  .inv.tpl-betawi .rule,
  .inv.tpl-betawi .btn--open{animation:none}
}