/* Inisial — Tipografi monogram: gading, arang & sampanye */
.tpl-inisial{
  --bg:#f8f5ef;--bg-alt:#f1ece2;--surface:#fffdf9;--text:#4a4743;--muted:#8d877e;--heading:#2b2a28;
  --primary:#b39a6b;--accent:#8a7350;--line:rgba(43,42,40,.14);
  --btn-bg:#2b2a28;--btn-text:#f8f5ef;--btn-radius:0;
  --cover-bg:#f8f5ef;--cover-text:#2b2a28;
  --cover-overlay:radial-gradient(ellipse at 50% 42%,transparent 48%,rgba(179,154,107,.16));
  --hero-overlay:var(--cover-overlay);
  --cover-pattern:repeating-linear-gradient(90deg,rgba(43,42,40,.02) 0 1px,transparent 1px 4px);
  --f-display:'Cormorant Garamond',serif;--f-script:'Cormorant Garamond',serif;--f-body:'Jost',sans-serif;--f-mono:'Cormorant Garamond',serif;
  --radius:0px;--shadow:0 24px 50px -32px rgba(43,42,40,.4);
  --card-grad:linear-gradient(135deg,#2b2a28,#4a443b 55%,#b39a6b);
  --fx1:#c9b48a;--fx2:#e6d9bd;--fx3:#ffffff;
}
.tpl-inisial .cover::before,.tpl-inisial .sec--hero::before,.tpl-inisial .sec--closing::before{content:"";position:absolute;inset:14px;z-index:3;border:1px solid var(--line);outline:1px solid var(--line);outline-offset:-7px;pointer-events:none}
.tpl-inisial .cover__mono{--mono-size:min(44vw,172px);margin-bottom:24px}
.tpl-inisial .hero__mono{--mono-size:150px}
.tpl-inisial .mono span{font-style:italic;font-weight:300}
.tpl-inisial .cover__kicker,.tpl-inisial .hero__kicker{font-size:.7rem;letter-spacing:.42em;color:var(--muted);padding-left:.42em}
.tpl-inisial .cover__names,.tpl-inisial .hero__names{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(1.9rem,8.6vw,2.5rem);line-height:1.15;margin:.45em 0 .35em;padding-left:.22em;color:var(--heading)}
.tpl-inisial .cover__names i,.tpl-inisial .hero__names i{font-style:italic;text-transform:none;letter-spacing:0;font-weight:300;font-size:1.05em;color:var(--primary);margin:.02em 0}
.tpl-inisial .cover__date{font-family:var(--f-body);font-size:.74rem;letter-spacing:.5em;padding-left:.5em;color:var(--muted)}
.tpl-inisial .hero__date{font-style:italic;font-size:1.3rem}
.tpl-inisial .cover__guest{margin:26px auto 22px;border-color:var(--line)}
.tpl-inisial .cover__guest strong{font-style:italic;font-weight:500;font-size:1.6rem}
.tpl-inisial .btn{letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;padding:14px 22px}
.tpl-inisial .btn--sm{font-size:.7rem;padding:10px 14px}
.tpl-inisial .sec__kicker{font-size:.7rem;letter-spacing:.4em;color:var(--muted)}
.tpl-inisial .sec__title{font-style:italic;font-weight:300;font-size:clamp(2.6rem,12vw,3.3rem)}
.tpl-inisial .sec:nth-of-type(even):not(.sec--hero):not(.sec--closing){background:var(--bg-alt)}
.tpl-inisial .quote{font-size:1.32rem;font-weight:400}
.tpl-inisial .person__frame{aspect-ratio:4/5}
.tpl-inisial .person__photo,.tpl-inisial .person__mono,.tpl-inisial .person__ill{border-radius:0}
.tpl-inisial .person__mono{font-style:italic;font-weight:300;font-size:7rem;color:var(--heading);background:var(--surface);box-shadow:none;outline:1px solid var(--line);outline-offset:-10px}
.tpl-inisial .person__nick{font-style:italic;font-weight:400;font-size:2.5rem;color:var(--heading)}
.tpl-inisial .person__name{font-family:var(--f-body);font-weight:400;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--primary)}
.tpl-inisial .couple__amp{font-style:italic;font-weight:300;font-size:4.2rem}
.tpl-inisial .event{border-radius:0;box-shadow:none;outline:1px solid var(--line);outline-offset:-8px}
.tpl-inisial .event__name{font-style:italic;font-size:2.3rem;color:var(--heading)}
.tpl-inisial .event__num{font-weight:300;font-size:3.8rem}
.tpl-inisial .cd{border-radius:0;background:transparent;border:0;border-left:1px solid var(--line)}
.tpl-inisial .cd:first-child{border-left:0}
.tpl-inisial .cd b{font-weight:300;font-size:2.6rem}
.tpl-inisial .field input,.tpl-inisial .field textarea,.tpl-inisial .field select,.tpl-inisial .choice span,.tpl-inisial .wish,.tpl-inisial .gallery__item,.tpl-inisial .film__frame,.tpl-inisial .story__photo,.tpl-inisial .bank-card,.tpl-inisial .wl__item,.tpl-inisial .ticket{border-radius:0}
.tpl-inisial .closing__title{font-style:italic;font-weight:300;color:var(--heading)}
.tpl-inisial .closing__names{font-style:italic}
.tpl-inisial .aside__names{font-family:var(--f-display);font-style:italic;font-weight:300}
.tpl-inisial .aside__mono{--mono-size:120px}
.tpl-inisial .dock a.is-active{background:var(--heading)}