/* Warta — Tipografi editorial: kertas koran, tinta hitam & merah */
.tpl-warta{
  --bg:#f3efe6;--bg-alt:#ebe5d8;--surface:#f8f5ee;--text:#2a2725;--muted:#6e675f;--heading:#111111;
  --primary:#c0392b;--accent:#111111;--line:rgba(17,17,17,.2);
  --btn-bg:#111111;--btn-text:#f3efe6;--btn-radius:0;
  --cover-bg:#f3efe6;--cover-text:#111111;
  --cover-pattern:repeating-linear-gradient(0deg,rgba(17,17,17,.028) 0 1px,transparent 1px 3px);
  --f-display:'Playfair Display',serif;--f-script:'Playfair Display',serif;--f-body:'Inter',sans-serif;--f-marquee:'Playfair Display',serif;
  --radius:0px;--shadow:none;
  --card-grad:linear-gradient(135deg,#111,#3a3a3a 60%,#c0392b);
  --fx1:#c0392b;--fx2:#111111;--fx3:#f3efe6;
}
.tpl-warta .masthead b{font-style:italic;font-weight:800;font-size:1.02rem;letter-spacing:.01em;text-transform:none}
.tpl-warta .cover__content{max-width:440px}
.tpl-warta .cover__kicker,.tpl-warta .hero__kicker{display:inline-block;font-weight:700;font-size:.7rem;letter-spacing:.3em;color:#fff;background:var(--primary);padding:6px 9px 5px 12px}
.tpl-warta .cover__names,.tpl-warta .hero__names{font-family:var(--f-display);font-weight:900;font-size:clamp(3.5rem,19vw,5.4rem);line-height:.88;letter-spacing:-.035em;margin:.22em 0 .16em;color:#111}
.tpl-warta .cover__names>span:last-child,.tpl-warta .hero__names>span:last-child{font-style:italic;font-weight:400}
.tpl-warta .cover__names i,.tpl-warta .hero__names i{font-style:italic;font-weight:400;font-size:.6em;color:var(--primary);line-height:1}
.tpl-warta .cover__date{display:inline-block;font-weight:600;font-size:.7rem;letter-spacing:.34em;padding:8px 0 7px .34em;border-top:1px solid #111;border-bottom:1px solid #111}
.tpl-warta .cover__guest{margin:24px auto 20px;border-top:3px solid #111;border-bottom:1px solid #111}
.tpl-warta .cover__guest strong{font-style:italic;font-weight:600;font-size:1.55rem}
.tpl-warta .marquee{background:#111;color:#f3efe6;border:0;font-style:italic;text-transform:none;letter-spacing:.04em;font-size:1.08rem;padding:12px 0}
.tpl-warta .hero__date{font-style:italic;font-size:1.25rem}
.tpl-warta .btn{text-transform:uppercase;letter-spacing:.18em;font-weight:600;font-size:.72rem;padding:14px 22px}
.tpl-warta .btn--sm{font-size:.7rem;padding:10px 14px}
.tpl-warta .btn--ghost{color:#111}
.tpl-warta .sec__kicker{font-weight:700;font-size:.7rem;letter-spacing:.32em;color:var(--primary)}
.tpl-warta .sec__title{font-weight:900;letter-spacing:-.02em;font-size:clamp(2.4rem,11vw,3.1rem);line-height:1}
.tpl-warta .sec__divider .orn{width:100%;max-width:360px}
.tpl-warta .sec:nth-of-type(even):not(.sec--hero):not(.sec--closing){background:var(--bg-alt)}
.tpl-warta .sec__lead{text-align:left;color:var(--text)}
.tpl-warta .sec__lead::first-letter{float:left;font-family:var(--f-display);font-weight:900;font-size:3.6em;line-height:.8;margin:.06em .1em 0 0;color:var(--primary)}
.tpl-warta .quote{font-style:italic;font-size:1.32rem;line-height:1.5;color:#111}
.tpl-warta .quote::before{content:"“";display:block;font-family:var(--f-display);font-weight:900;font-style:normal;font-size:5.5rem;line-height:.7;color:var(--primary)}
.tpl-warta .quote cite{font-weight:700;color:#111}
.tpl-warta .person__frame{aspect-ratio:4/5}
.tpl-warta .person__photo,.tpl-warta .person__mono,.tpl-warta .person__ill{border-radius:0;box-shadow:8px 8px 0 #111}
.tpl-warta .person__photo{filter:grayscale(1) contrast(1.05)}
.tpl-warta .person__mono{font-weight:900;font-size:7rem;color:#111;background:var(--surface);border:1px solid #111}
.tpl-warta .person__nick{font-weight:900;font-size:2.6rem;color:#111;letter-spacing:-.02em}
.tpl-warta .person__name{font-family:var(--f-display);font-style:italic;font-weight:400}
.tpl-warta .couple__amp{font-style:italic;font-weight:400;font-size:4.4rem}
.tpl-warta .event{border:0;border-top:5px solid #111;border-bottom:1px solid #111;background:transparent;box-shadow:none;border-radius:0}
.tpl-warta .event__name{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:2.2rem;color:#111}
.tpl-warta .event__num{font-weight:900;font-size:3.8rem;color:var(--primary)}
.tpl-warta .event__day,.tpl-warta .event__my{border-color:#111;font-weight:600}
.tpl-warta .cd{border:0;border-left:1px solid #111;border-radius:0;background:transparent}
.tpl-warta .cd:first-child{border-left:0}
.tpl-warta .cd b{font-weight:900;font-size:2.6rem}
.tpl-warta .story::before{background:#111}
.tpl-warta .story__dot{border-radius:0;border-color:#111;box-shadow:none}
.tpl-warta .story__title{font-weight:800}
.tpl-warta .field input,.tpl-warta .field textarea,.tpl-warta .field select,.tpl-warta .choice span,.tpl-warta .wish,.tpl-warta .gallery__item,.tpl-warta .film__frame,.tpl-warta .story__photo,.tpl-warta .bank-card,.tpl-warta .wl__item,.tpl-warta .ticket,.tpl-warta .card{border-radius:0}
.tpl-warta .field input,.tpl-warta .field textarea,.tpl-warta .field select{border-color:#111;background:var(--surface)}
.tpl-warta .gallery__item img{filter:grayscale(.35)}
.tpl-warta .gallery__item:hover img{filter:none}
.tpl-warta .wish{border:0;border-top:1px solid #111;background:transparent}
.tpl-warta .closing__title{font-weight:900;font-style:italic;color:#111;letter-spacing:-.02em}
.tpl-warta .closing__names{font-style:italic}
.tpl-warta .aside{border-right:1px solid #111}
.tpl-warta .aside__names{font-family:var(--f-display);font-weight:900;letter-spacing:-.03em}
.tpl-warta .aside__names i{font-style:italic;font-weight:400;color:var(--primary)}
.tpl-warta .dock a.is-active{background:#111;color:#f3efe6}
