/* Sunda Priangan */
:root{
  --latar:#F1F4EB; --latar-2:#E2E9D8; --teks:#2E3B2F; --teks-2:#5C6B59; --aksen:#4F7148; --garis:#CCD8C2; --kartu:#FAFBF6;
  --kayu:#9B7448; --hutan:#2F4A3A;
  --latar-sampul:#F4E1CB; --teks-sampul:#2E3B2F;
  --f-judul:"Gilda Display",Georgia,serif; --f-nama:"Gilda Display",Georgia,serif; --f-teks:"Jost",system-ui,sans-serif;
  --ukuran-nama:clamp(52px,15vw,86px); --r:16px;
}
body.u{font-weight:400}

/* sampul: pemandangan Priangan */
.u-sampul{align-items:flex-start;padding-top:12vh}
.u-sampul .pemandangan{position:absolute;inset:0;background:linear-gradient(#F4E1CB,#F7EADB 60%,#F7EADB) top/100% 100% no-repeat}
.u-sampul .pemandangan::after{content:"";position:absolute;left:0;right:0;bottom:0;height:min(75vw,60vh);background:url("pemandangan.svg") center bottom/cover no-repeat}
.aksara-sunda{font:400 22px/1.6 "Noto Sans Sundanese",sans-serif;color:var(--kayu);margin:0;letter-spacing:.04em}
.sapaan-latin{font-style:italic;margin-bottom:18px!important}
.u-nama-besar{color:var(--hutan);margin:10px 0 12px}
.u-nama-besar .u-dan{color:var(--kayu);font-size:.42em}
.u-tgl-sampul{letter-spacing:.12em;font-size:15px;margin-bottom:22px}
.u-tamu{background:rgba(250,251,246,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(155,116,72,.25);border-radius:14px;padding:12px 16px;margin-bottom:22px}
.u-sampul .u-tbl{background:var(--hutan);border-color:var(--hutan);color:#F1F4EB}
body.terbuka .u-sampul{padding-top:56px;min-height:78vh}

/* gerbang bilik bambu: terbuka sendiri saat halaman dimuat */
.gerbang{position:fixed;inset:0;z-index:100;display:flex;pointer-events:none;animation:gerbang-hilang 0s 2.2s forwards}
@keyframes gerbang-hilang{to{visibility:hidden}}
.gerbang__daun{flex:1;background-color:#C7A877;
  background-image:repeating-linear-gradient(45deg,rgba(110,78,40,.28) 0 6px,transparent 6px 14px),repeating-linear-gradient(-45deg,rgba(255,240,210,.22) 0 6px,transparent 6px 14px);
  box-shadow:inset 0 0 0 6px #8C6A3E;animation-duration:1.5s;animation-delay:.6s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.7,0,.3,1)}
.gerbang__daun--kiri{animation-name:buka-kiri;border-right:2px solid #6E5230}
.gerbang__daun--kanan{animation-name:buka-kanan;border-left:2px solid #6E5230}
@keyframes buka-kiri{to{transform:translateX(-102%)}}
@keyframes buka-kanan{to{transform:translateX(102%)}}
@media (prefers-reduced-motion:reduce){.gerbang{display:none}}

/* isi */
.u-sek{padding-top:64px}
.siger{display:block;width:150px;margin:0 auto 14px}
.u-arab{color:var(--kayu)}
.u-judul{color:var(--hutan)}
.daun-bambu{display:block;width:140px;margin:0 auto 22px}
.u-foto{width:210px;aspect-ratio:3/4;border-radius:110px 110px 18px 18px;padding:6px;background:#D2B88E;
  background-image:repeating-linear-gradient(45deg,rgba(110,78,40,.3) 0 4px,transparent 4px 9px)}
.u-foto img{border-radius:104px 104px 13px 13px}
.u-nama{color:var(--hutan)}
.u-dan-besar{color:var(--kayu)}
.u-kartu-acara{background:var(--kartu);border-color:var(--garis);border-top:4px solid var(--aksen)}
.u-hitung div{background:var(--hutan);border-color:var(--hutan);color:#F1F4EB}
.u-hitung span{color:#BFD0B6}
.u-linimasa{border-left-color:var(--kayu)}
.u-linimasa li::before{border-color:var(--kayu)}

/* penutup: hutan dengan siluet gunung */
.u-penutup{background:var(--hutan);color:#E7EEDF;max-width:none;padding-bottom:0;overflow:hidden}
.u-penutup .u-teks{color:#C9D6C1}
.u-penutup .u-nama-besar{color:#fff}
.u-penutup .u-dan{color:#D9B98A}
.u-salam--daerah{font-style:italic;color:#D9B98A}
.gunung-penutup{height:120px;margin:40px -24px 0;background:
  linear-gradient(transparent,transparent),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' preserveAspectRatio='none'%3E%3Cpath d='M0 70 C60 40 110 30 160 40 C210 50 230 20 280 22 C330 24 370 46 400 52 V120 H0Z' fill='%23557256'/%3E%3Cpath d='M0 96 C80 74 160 72 240 84 C310 94 360 86 400 80 V120 H0Z' fill='%236F8F62'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}