/* Gaya khusus Minimalis 1 (Amplop dan Bunga), watercolor. Aksen blush #E8C4BA / #C98E86.
   Keadaan diam (tanpa animasi) = posisi akhir, jadi saat "kurangi gerakan" semua langsung tampil di tempatnya. */
body[data-gaya="amplop"] .wc{display:block;max-width:none;height:auto;user-select:none;-webkit-user-drag:none}
/* Tekstur kertas T01 sebagai latar halus (dipasang JS setelah dibuka lewat variabel --wc-kertas) */
body[data-gaya="amplop"] #inv-isi,body[data-gaya="amplop"] .amplop{background-color:var(--t-bg);background-image:var(--wc-kertas,none);background-size:360px auto;background-blend-mode:multiply}

/* ---------- Amplop watercolor: tertutup -> terbuka (silang-pudar) ---------- */
.m1-amplop{position:absolute;left:50%;top:46%;width:260px;height:297px;transform:translate(-50%,-50%)}
.m1-amplop img{position:absolute;left:0;bottom:0;width:100%}
.m1-terbuka{opacity:0}
.segel{position:absolute;left:50%;border-radius:50%;display:grid;place-items:center;font-family:'Cormorant Garamond',serif;font-weight:600}
.m1-amplop .segel{top:77%;width:56px;height:56px;margin:-28px 0 0 -28px;background:#E8C4BA;color:#6E3F3A;font-size:17px;box-shadow:0 0 0 2px #FFF8F4,0 0 0 3.5px #C98E86}
.amplop.buka .m1-tertutup{animation:m1Pudar .6s ease .65s both}
.amplop.buka .m1-terbuka{animation:m1Muncul .6s ease .65s both}
.amplop.buka .segel{animation:segel .35s ease .3s both}
.amplop.buka{animation:turun .8s cubic-bezier(.55,0,.8,.2) 1.35s both}
@keyframes m1Pudar{from{opacity:1}to{opacity:0}}
@keyframes m1Muncul{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@keyframes segel{from{transform:none;opacity:1}to{transform:scale(.6);opacity:0}}
@keyframes turun{from{transform:none}to{transform:translateY(105%)}}

/* ---------- Peony besar: muncul di tengah, lalu dua salinan mengecil ke sudut kanan dan kiri ---------- */
.m1-terbang{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}
.m1-terbang[hidden]{display:none}
.m1-terbang.selesai{opacity:0;transition:opacity .35s ease}
.m1-tb{position:absolute;left:50%;top:300px;width:200px;margin:-96px 0 0 -100px;opacity:0}
.m1-terbang.main .m1-tb.kanan{animation:m1Kanan 2.6s cubic-bezier(.45,0,.25,1) both}
.m1-terbang.main .m1-tb.kiri{animation:m1Kiri 2.6s cubic-bezier(.45,0,.25,1) both}
/* Daftar fungsi transform sama di semua titik supaya tidak ada putaran aneh saat interpolasi */
@keyframes m1Kanan{0%{opacity:0;transform:translate(0px,60px) scale(.2,.2)}22%,46%{opacity:1;transform:translate(0px,0px) scale(1,1)}100%{opacity:1;transform:translate(var(--m1-tx),-248px) scale(.42,.42)}}
@keyframes m1Kiri{0%{opacity:0;transform:translate(0px,60px) scale(-.2,.2)}22%,46%{opacity:1;transform:translate(0px,0px) scale(-1,1)}100%{opacity:1;transform:translate(calc(-1 * var(--m1-tx)),-248px) scale(-.42,.42)}}

/* ---------- Hiasan sudut atas di hero (posisi akhir peony) ---------- */
.bunga-min{position:absolute;left:0;top:0;width:100%;height:200px;pointer-events:none;z-index:0}
.hero > :not(.bunga-min){position:relative;z-index:1}
.panggung.siap .bunga-min{opacity:0}
.m1-sudut{position:absolute;top:0;width:140px}
.m1-sudut img{width:100%}
.m1-sudut.kiri{left:0;transform-origin:0 0}
.m1-sudut.kanan{right:0;transform-origin:100% 0}
.m1-sudut.kanan img{transform:scaleX(-1)}
.m1-pe{position:absolute;top:12px;width:84px;z-index:1;transition:opacity .35s ease}
.m1-pe.kiri{left:6px;transform:scaleX(-1)}
.m1-pe.kanan{right:6px}
.bunga-min.tunggu .m1-pe{opacity:0}
body[data-gaya="amplop"] .panggung.main .m1-sudut{animation:m1Sudut .9s ease 1.9s both}
@keyframes m1Sudut{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}

/* ---------- Rangkaian kecil di bawah nama: eukaliptus kiri-kanan, baby's breath, mawar krem ---------- */
.m1-rangkai{position:relative;width:200px;height:70px;margin:0 auto 8px}
.m1-rangkai img{position:absolute}
.m1-rk-gyp{left:64px;top:0;width:72px}
.m1-rk-daun{top:20px;width:92px;transform:var(--tf)}
.m1-rk-daun.kiri{left:8px;transform-origin:100% 70%}
.m1-rk-daun.kanan{left:100px;transform-origin:0 70%}
.m1-rk-mawar{left:76px;top:14px;width:48px}
body[data-gaya="amplop"] .panggung.siap .m1-rangkai{opacity:0}
body[data-gaya="amplop"] .panggung.main .m1-rk-daun{animation:m1Daun 1s cubic-bezier(.3,.7,.3,1) 1.3s both}
body[data-gaya="amplop"] .panggung.main .m1-rk-gyp{animation:fadeIn 1s ease 1.7s both}
body[data-gaya="amplop"] .panggung.main .m1-rk-mawar{animation:m1Mekar 1s cubic-bezier(.3,1.3,.5,1) 1.9s both}
@keyframes m1Daun{from{opacity:0;transform:var(--tf) scale(.3)}to{opacity:1;transform:var(--tf) scale(1)}}
@keyframes m1Mekar{from{opacity:0;transform:scale(.5) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}

/* Kelopak blush watercolor */
body[data-gaya="amplop"] .kelopak img{display:block;height:auto}

/* ============ ISI UNDANGAN (kait TPL.isi, keputusan CEO 2026-11-05) ============
   Keadaan diam = keadaan akhir, jadi saat kurangi gerakan semua tampil statis di tempatnya. */
/* D. Sapuan warna per bagian: blush M1 dan warna utama varian (ikut 3 varian). Pusat sapuan dijaga di 30-70% tinggi
   lapisan agar tepi atas dan bawahnya bening (tidak ada garis potong). Paling pekat setara #F3E4DD: teks tetap >= 4.5:1. */
body[data-gaya="amplop"] .kait-latar{background:
  radial-gradient(ellipse 75% 38% at var(--ax,20%) var(--ay,40%),rgba(232,196,186,var(--aa,.3)),rgba(232,196,186,0) 70%),
  radial-gradient(ellipse 70% 36% at var(--bx,80%) var(--by,62%),color-mix(in srgb,var(--t-primary) var(--bb,10%),transparent),transparent 70%)}
body[data-gaya="amplop"] [data-bagian="buka"] > .kait-latar{--ax:50%;--ay:42%;--aa:.3;--bx:50%;--by:66%;--bb:6%}
body[data-gaya="amplop"] [data-bagian="mempelai"] > .kait-latar{--ax:18%;--ay:34%;--aa:.34;--bx:84%;--by:66%;--bb:12%}
body[data-gaya="amplop"] [data-bagian="acara"] > .kait-latar{--ax:84%;--ay:32%;--aa:.26;--bx:16%;--by:66%;--bb:11%}
body[data-gaya="amplop"] [data-bagian="hitung"] > .kait-latar{--ax:50%;--ay:50%;--aa:.38;--bb:0%}
body[data-gaya="amplop"] [data-bagian="galeri"] > .kait-latar{--ax:20%;--ay:62%;--aa:.24;--bx:80%;--by:36%;--bb:10%}
body[data-gaya="amplop"] [data-bagian="video"] > .kait-latar{--ax:80%;--ay:50%;--aa:.26;--bx:20%;--by:40%;--bb:8%}
body[data-gaya="amplop"] [data-bagian="kisah"] > .kait-latar{--ax:24%;--ay:34%;--aa:.3;--bx:76%;--by:68%;--bb:12%}
body[data-gaya="amplop"] [data-bagian="amplop"] > .kait-latar{--ax:80%;--ay:38%;--aa:.28;--bx:20%;--by:66%;--bb:10%}
body[data-gaya="amplop"] [data-bagian="rsvp"] > .kait-latar{--ax:50%;--ay:34%;--aa:.22;--bx:50%;--by:70%;--bb:8%}
body[data-gaya="amplop"] [data-bagian="ucapan"] > .kait-latar{--ax:20%;--ay:48%;--aa:.28;--bx:80%;--by:40%;--bb:10%}
body[data-gaya="amplop"] [data-bagian="tutup"] > .kait-latar{--ax:50%;--ay:36%;--aa:.4;--bx:50%;--by:68%;--bb:10%}
body[data-gaya="amplop"] [data-bagian="kontak"] > .kait-latar{--ax:50%;--ay:50%;--aa:.18;--bb:0%}
/* Daun samar di tepi beberapa bagian (berkas dari adegan pembuka, 0 KB) */
body[data-gaya="amplop"] .m1-lt{position:absolute;opacity:.22}
.m1-lt.mp-a{left:-36px;top:36px;width:124px;transform:rotate(-28deg)}
.m1-lt.mp-b{right:-36px;bottom:30px;width:124px;transform:scaleX(-1) rotate(-28deg)}
.m1-lt.ks{right:-46px;top:46%;width:132px;transform:rotate(155deg)}
body[data-gaya="amplop"] .m1-lt.uc{left:-24px;top:34px;width:96px;opacity:.28}
/* Kartu tidak lagi putih rata: permukaan sedikit tembus, garis blush, bayang lembut (kolom isian form tidak diubah) */
body[data-gaya="amplop"] .inv :is(.sesi,.rek,.ucapan,.hitung > div){background:color-mix(in srgb,var(--t-surface) 86%,transparent);border-color:rgba(201,142,134,.55);box-shadow:0 6px 18px rgba(201,142,134,.12)}

/* A. Kuntum peony blush pengapit judul: daun di luar, bunga di dekat teks; kanan dicerminkan */
body[data-gaya="amplop"] .m1-kj{position:relative;display:block;width:40px;height:34px}
body[data-gaya="amplop"] .m1-kj .wc{position:absolute}
.m1-kj-daun{left:0;top:9px;width:26px;--tf:rotate(-28deg);transform:var(--tf)}
.m1-kj-bunga{right:0;top:2px;width:28px}
.kait-judul.kanan .m1-kj{transform:scaleX(-1)}
body[data-gaya="amplop"] .rv.on .m1-kj-daun{animation:m1KjDaun .9s ease .2s both}
body[data-gaya="amplop"] .rv.on .m1-kj-bunga{animation:m1Mekar 1s cubic-bezier(.3,1.3,.5,1) .4s both}
body[data-gaya="amplop"] .rv.on .kanan .m1-kj-bunga{animation-delay:.55s}
@keyframes m1KjDaun{from{opacity:0;transform:var(--tf) scale(.4)}to{opacity:1;transform:var(--tf)}}

/* E. Pembatas: sulur blush tergambar dari tengah ke luar, daun warna utama varian, mawar krem atau baby's breath di tengah */
body[data-gaya="amplop"] .m1-sep{display:flex;align-items:center;justify-content:center;gap:4px}
.m1-sep-sulur{display:block;flex:none;width:104px;height:23px;overflow:visible}
.m1-sep-sulur.kanan{transform:scaleX(-1)}
.m1-sep-batang{fill:none;stroke:#C98E86;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}
.m1-sep-daun{fill:var(--t-primary);fill-opacity:.42}
.m1-sep-buah{fill:#C98E86}
body[data-gaya="amplop"] .m1-sep-tengah{flex:none;width:32px}
body[data-gaya="amplop"] .m1-sep-tengah.gyp{width:42px}
body[data-gaya="amplop"] .ib-sep:not(.on) .m1-sep{opacity:0}
body[data-gaya="amplop"] .ib-sep.on .m1-sep-batang{animation:gores 1.3s ease .15s both}
body[data-gaya="amplop"] .ib-sep.on .m1-sep-daun,body[data-gaya="amplop"] .ib-sep.on .m1-sep-buah{animation:fadeIn .7s ease .8s both}
body[data-gaya="amplop"] .ib-sep.on .m1-sep-tengah{animation:m1Mekar .9s cubic-bezier(.3,1.3,.5,1) both}

/* F. Penutup megah: rangkaian besar berpusat di tengah, lalu monogram, lalu "Terima Kasih" dan nama (teks bawaan) */
body[data-gaya="amplop"] .m1-tutup{position:relative;height:192px;margin:0 -16px}
body[data-gaya="amplop"] .m1-tutup .wc{position:absolute;left:50%;transform:var(--tf,scale(1))}
.m1-tt-daun{top:88px;width:104px}
.m1-tt-daun.kiri{margin-left:-160px;--tf:scaleX(-1) rotate(14deg)}
.m1-tt-daun.kanan{margin-left:56px;--tf:rotate(14deg)}
.m1-tt-gyp{top:20px;width:76px}
.m1-tt-gyp.kiri{margin-left:-120px;--tf:scaleX(-1)}
.m1-tt-gyp.kanan{margin-left:44px}
.m1-tt-mawar{top:82px;width:76px}
.m1-tt-mawar.kiri{margin-left:-126px;--tf:rotate(-12deg)}
.m1-tt-mawar.kanan{margin-left:50px;--tf:scaleX(-1) rotate(-12deg)}
.m1-tt-peony{top:8px;width:150px;margin-left:-75px}
.m1-tt-krem{top:128px;width:46px;margin-left:-23px}
body[data-gaya="amplop"] .rv.on .m1-tutup .wc{animation:m1TtMuncul 1s cubic-bezier(.3,1.1,.5,1) both}
body[data-gaya="amplop"] .rv.on .m1-tutup .m1-tt-peony{animation-delay:.2s}
body[data-gaya="amplop"] .rv.on .m1-tutup .m1-tt-daun{animation-delay:.45s}
body[data-gaya="amplop"] .rv.on .m1-tutup .m1-tt-gyp{animation-delay:.65s}
body[data-gaya="amplop"] .rv.on .m1-tutup .m1-tt-mawar{animation-delay:.8s}
body[data-gaya="amplop"] .rv.on .m1-tutup .m1-tt-krem{animation-delay:1.05s}
@keyframes m1TtMuncul{from{opacity:0;transform:var(--tf,scale(1)) translateY(16px) scale(.7)}to{opacity:1;transform:var(--tf,scale(1))}}
body[data-gaya="amplop"] .m1-mono{position:relative;width:84px;height:84px;margin:-4px auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--t-surface);box-shadow:0 0 0 1.5px #C98E86,0 6px 18px rgba(201,142,134,.18);font-family:'Cormorant Garamond',serif;font-weight:600;font-size:26px;line-height:1;color:var(--t-heading)}
body[data-gaya="amplop"] .m1-mono::before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px dashed #C98E86;opacity:.7}
body[data-gaya="amplop"] .rv.on .m1-mono{animation:fadeIn 1s ease 1.2s both}

/* F. Kaki halaman: rangkaian sudut di dua sudut bawah (di bawah teks kaki, tidak menimpa tautan) dan kelopak diam */
body[data-gaya="amplop"] .kaki{padding-bottom:132px}
body[data-gaya="amplop"] .m1-kaki{position:absolute;left:0;right:0;top:84px;height:100px;pointer-events:none}
body[data-gaya="amplop"] .m1-kaki .wc{position:absolute}
.m1-kk-sudut{bottom:0;width:120px}
.m1-kk-sudut.kiri{left:0;transform:scaleY(-1)}
.m1-kk-sudut.kanan{right:0;transform:scale(-1,-1)}

@media (prefers-reduced-motion: reduce){
  .m1-terbang{display:none !important}
  .bunga-min.tunggu .m1-pe{opacity:1}
}