/* Nur: islami-elegan. Lengkung mihrab, bintang segi delapan, emas di atas hijau.
   Ornamen memakai mask-image supaya warnanya mengikuti token color.accent. */
.tpl-nur{
  --nur-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l3.5 3.5h5v5L24 12l-3.5 3.5v5h-5L12 24l-3.5-3.5h-5v-5L0 12l3.5-3.5v-5h5z'/%3E%3C/svg%3E");
  --nur-lattice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' d='M24 8l4.7 4.7h6.6v6.6L40 24l-4.7 4.7v6.6h-6.6L24 40l-4.7-4.7h-6.6v-6.6L8 24l4.7-4.7v-6.6h6.6zM0 0l4 4M48 0l-4 4M0 48l4-4M48 48l-4-4'/%3E%3C/svg%3E");
}
.tpl-nur main{max-width:42rem}
.tpl-nur .sec{position:relative}
.tpl-nur .sec + .sec::before{content:"";position:absolute;top:0;left:50%;width:1.1rem;height:1.1rem;transform:translate(-50%,-50%);background:var(--color-accent);-webkit-mask:var(--nur-star) center/contain no-repeat;mask:var(--nur-star) center/contain no-repeat}
.tpl-nur .sec + .sec{border-top:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent)}
.tpl-nur .sec__title{color:var(--color-primary);letter-spacing:.03em}
.tpl-nur .eyebrow{color:var(--color-accent);letter-spacing:.25em}

/* Pola kisi di belakang gate dan cover. */
.tpl-nur .gate,.tpl-nur .sec-cover--arch{isolation:isolate}
.tpl-nur .gate::before,.tpl-nur .sec-cover--arch::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-accent);opacity:.18;-webkit-mask:var(--nur-lattice) 0 0/3rem 3rem repeat;mask:var(--nur-lattice) 0 0/3rem 3rem repeat}
.tpl-nur .gate{background:var(--color-primary);color:var(--color-bg)}
.tpl-nur .gate__title{color:var(--color-bg)}
.tpl-nur .gate__eyebrow{color:var(--color-accent);letter-spacing:.1em}
.tpl-nur .gate .btn{background:var(--color-accent);color:var(--color-primary)}

/* Cover: bingkai lengkung mihrab bergaris ganda emas. */
.tpl-nur .sec-cover--arch{min-height:100vh;display:grid;place-items:center;margin:0 -1rem;padding:5rem 1.25rem 3rem;background:var(--color-primary);color:var(--color-bg);overflow:hidden}
.tpl-nur .arch{position:relative;width:min(22rem,100%);min-height:30rem;display:grid;place-items:end center;border:2px solid var(--color-accent);border-radius:11rem 11rem .5rem .5rem;padding:1rem;outline:1px solid color-mix(in srgb,var(--color-accent) 60%,transparent);outline-offset:6px;overflow:hidden}
.tpl-nur .arch__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:brightness(.6)}
.tpl-nur .arch__inner{position:relative;padding:0 .5rem 2.5rem}
.tpl-nur .arch:not(:has(.arch__photo)){place-items:center}
.tpl-nur .arch:not(:has(.arch__photo)) .arch__inner{padding:0 .5rem}
.tpl-nur .sec-cover--arch .cover__names{font-size:clamp(2.6rem,12vw,3.8rem);line-height:1.05;color:var(--color-bg);margin:.3em 0}
.tpl-nur .cover__date{letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;color:var(--color-accent)}
.tpl-nur .sec-cover:not(.sec-cover--arch) .cover__names{color:var(--color-primary)}

/* Kutipan: bintang di atas, teks Arab (dir=auto) tetap rapi. */
.tpl-nur .sec-quote--ornate .star{display:block;width:2rem;height:2rem;margin:0 auto 1.25rem;background:var(--color-accent);-webkit-mask:var(--nur-star) center/contain no-repeat;mask:var(--nur-star) center/contain no-repeat}
.tpl-nur .sec-quote--ornate blockquote{font-style:normal;font-size:1.1rem;padding:0 .5rem}
.tpl-nur .sec-quote--ornate blockquote p:dir(rtl){font-family:"Amiri",var(--font-heading),serif;font-size:1.6rem;line-height:2}
.tpl-nur .sec-quote--ornate footer{color:var(--color-accent);letter-spacing:.1em}

.tpl-nur .persons__and{color:var(--color-accent)}
.tpl-nur .person__photo{border-radius:6rem 6rem .5rem .5rem;height:12rem;border:2px solid var(--color-accent)}
.tpl-nur .event{background:transparent;border:1px solid color-mix(in srgb,var(--color-accent) 70%,transparent);border-radius:8rem 8rem .75rem .75rem;padding:3rem 1.25rem 2rem}
.tpl-nur .countdown div{background:transparent;color:var(--color-primary);border:1px solid var(--color-accent);border-radius:2rem 2rem .5rem .5rem}
.tpl-nur .btn{background:var(--color-primary);color:var(--color-bg)}
.tpl-nur .btn--ghost{background:transparent;color:var(--color-primary)}
.tpl-nur .gift,.tpl-nur .wish{border-color:color-mix(in srgb,var(--color-accent) 50%,transparent)}
.tpl-nur .branding{color:var(--color-accent)}