/* Klasik — Regular. Terang, lapang, satu rumpun warna dari tema adat. Gerak: pudar saja. */
.tpl-klasik{
  --bg:var(--t-paper);--bg2:var(--t-mist);--ink:var(--t-ink);--muted:color-mix(in srgb,var(--t-ink) 60%,var(--t-paper));
  --accent:var(--t-tone);--on-accent:var(--t-paper);--hair:var(--t-metal);--backdrop:color-mix(in srgb,var(--t-ink) 90%,#000);
}
.tpl-klasik .names{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 .24em;font-size:50px;letter-spacing:-.01em}
.tpl-klasik .names .amp{color:var(--hair);font-size:.8em}
.tpl-klasik.names-caps .names{font-size:32px;letter-spacing:.2em}

/* sampul: foto dalam jendela lengkung, bingkai garis tipis */
.tpl-klasik .cover{align-items:end}
.tpl-klasik .cover::before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--hair) 70%,transparent);pointer-events:none;z-index:3}
.tpl-klasik .cover-photo{inset:auto;top:clamp(56px,9dvh,96px);left:50%;height:clamp(160px,calc(100dvh - 470px),440px);aspect-ratio:3/4;transform:translateX(-50%);border-radius:999px 999px 2px 2px}
.tpl-klasik .cover-date{letter-spacing:.24em;font-size:12.5px;color:var(--muted)}
.tpl-klasik .cover-inner{padding-bottom:calc(46px + env(safe-area-inset-bottom))}
.tpl-klasik .cover{transition:opacity .8s ease,transform .8s ease}
.tpl-klasik.is-open .cover{opacity:0;transform:translateX(-50%) translateY(-20px)}

/* isi */
.tpl-klasik .hero{justify-content:flex-start}
.tpl-klasik .hero-photo{position:relative;height:58dvh;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.tpl-klasik .hero-text{padding-top:6px;margin-top:-30px}
.tpl-klasik .hero:not(:has(.hero-photo)) .hero-text{margin-top:0;padding-top:120px}
.tpl-klasik .hero-date{color:var(--muted)}
.tpl-klasik .events,.tpl-klasik .rsvp{background:var(--bg2)}
.tpl-klasik .portrait{border-radius:999px 999px 2px 2px}
.tpl-klasik .event{border:0;border-top:1px solid var(--line);border-radius:0;padding:30px 8px}
.tpl-klasik .event:last-child{border-bottom:1px solid var(--line)}
.tpl-klasik .gift-card{background:var(--bg2);border-color:transparent}
.tpl-klasik .closing .names{font-size:40px}