/* Tema: Melayu Pucuk Rebung */
:root{
  --bg:#fdf6e3; --bg-alt:#f6e8bf; --ink:#1f2a1f; --muted:#6c6a4f; --accent:#1d5e3a; --on-accent:#fdf6e3;
  --line:rgba(201,154,42,.45); --card:rgba(255,255,255,.7);
  --f-display:'El Messiri',sans-serif; --f-script:'Allura',cursive; --f-body:'Crimson Pro',serif;
  --frame-radius:50% 50% 6px 6px / 22% 22% 6px 6px;
  --overlay:linear-gradient(180deg,rgba(18,58,36,.45),rgba(18,58,36,.9)); --cover-ink:#fdf6e3;
}
body{font-size:17.5px}
.sec{padding-top:84px}
.sec--alt::before,.cover::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:url(melayu/band.svg) repeat-x 0 0/40px 22px;z-index:1}
.cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:url(melayu/band.svg) repeat-x 0 0/40px 22px;transform:rotate(180deg)}
.emblem{width:70px}
.names{font-size:clamp(54px,16vw,72px)}
.eyebrow{color:#e9c968;font-weight:600}
.sec__title{color:var(--accent);font-weight:600}
.sec__title::after{content:"";display:block;width:110px;height:18px;margin:6px auto 0;background:url(melayu/divider.svg) center/contain no-repeat}
.frame{border-color:#fff;outline-color:#c99a2a}
.event{border:2px solid #c99a2a;border-radius:16px}
.btn{border-radius:10px;background:var(--accent);border-color:#c99a2a}
.btn-ghost{background:transparent}
.hero .btn-ghost{color:#fdf6e3;border-color:#e9c968}