@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Tumpeng Syukur" (koleksi Acara Spesial · Anniversary & Syukuran)
   Syukuran khas Nusantara: tumpeng nasi kuning lengkap dengan lauk di atas tampah, motif batik kawung, daun pisang, dan warna kuning kunyit yang hangat.
   Ilustrasi dari evkit.js, susunan di evtumpeng.js.
   ========================================================== */
.t-evtumpeng { --bg:#fbf3df; --card:#fffaf0; --ink:#3b2a1a; --muted:#7a6448; --line:rgba(150,100,40,.25); --accent:#b5651d; --accent-2:#4f8a4b; --on-accent:#fff; --hero-rgb:59,42,26; --tint-a:.35; --hero-ink:#3b2a1a; --deep:#2e3d22; --soft:#f3e2b8; --field:#fffcf4;--k1:#c0392b; --k2:#e8b04b; --k3:#6b4a2b; --k4:#f2c94c; --k5:#4f8a4b; --k6:#fff3c4;--fn:'Playfair Display', Georgia, serif; --fh:'Playfair Display', Georgia, serif; --fb:'Lato', sans-serif; --fn-s:italic; --fn-w:600; --fn-k:.9; --fh-w:700; --card-r:14px; --cd-r:50%; color-scheme: light; }
body.t-evtumpeng .page { background: radial-gradient(circle at 50% 50%, transparent 0 9px, rgba(181,101,29,.13) 9.5px 11px, transparent 11.5px) 0 0 / 34px 34px, radial-gradient(ellipse 9px 15px at 50% 0, rgba(181,101,29,.1) 0 100%, transparent 101%) 17px 0 / 34px 34px, #fbf3df; }
.t-evtumpeng .cover, .t-evtumpeng .hero, .t-evtumpeng .aside, .t-evtumpeng .sec--closing, body.t-evtumpeng .cover.has-photo, body.t-evtumpeng .hero.has-photo, body.t-evtumpeng .aside.has-photo { background: radial-gradient(circle at 50% 50%, transparent 0 9px, rgba(181,101,29,.13) 9.5px 11px, transparent 11.5px) 0 0 / 34px 34px, radial-gradient(ellipse 9px 15px at 50% 0, rgba(181,101,29,.1) 0 100%, transparent 101%) 17px 0 / 34px 34px, #fbf3df; color: var(--ink); }
.t-evtumpeng .sec--tint, .t-evtumpeng .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evtumpeng .cover, body.t-evtumpeng .cover.has-photo { place-items: center; overflow: hidden; }
.t-evtumpeng .cover__inner { gap: .5rem; max-width: 340px; }
.t-evtumpeng .hero, .t-evtumpeng .aside, body.t-evtumpeng .cover.has-photo, body.t-evtumpeng .hero.has-photo, body.t-evtumpeng .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evtumpeng .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evtumpeng .cover__to small { color: var(--muted); }
.t-evtumpeng .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evtumpeng .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evtumpeng .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evtumpeng .cover .cover__date, .t-evtumpeng .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evtumpeng .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evtumpeng:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evtumpeng .sec--tint .event p, body.t-evtumpeng .sec--tint .event small, body.t-evtumpeng .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evtumpeng .cover .ek-frame { --fw: min(124px, 34vw); } .t-evtumpeng .cover .ev-badge { --bw: 74px; } .t-evtumpeng .cover__to small:last-child { display: none; } .t-evtumpeng .cover__inner { gap: .3rem; } }

.t-evtumpeng .cover, body.t-evtumpeng .cover.has-photo { padding: 3.4rem 1.6rem; }
body.t-evtumpeng .names { color: var(--k3); }
body.t-evtumpeng .names i { color: var(--accent); }
body.t-evtumpeng .kicker { color: var(--accent-2); }
.t-evtumpeng .ek-frame { --fw: min(190px, 52vw); --frame-bg: radial-gradient(circle at 50% 40%, #fff7d6, #f3e2b8); --frame-sh: 0 0 0 6px #fffaf0, 0 0 0 9px var(--k5), 0 18px 30px -16px rgba(59,42,26,.4); }
.t-evtumpeng .ek-frame:not(.has-photo) .ek-emblem { inset: 8%; }
.t-evtumpeng .cover__to { padding: .8rem 1rem; border-radius: 14px; background: #fffaf0; border: 1px solid var(--line); }
.t-evtumpeng .cover.is-open { transform: translateY(-100%); opacity: 1; transition: transform 1s cubic-bezier(.7,0,.25,1); }
body.t-evtumpeng .event { border: 0; border-top: 6px solid var(--k5); }
body.t-evtumpeng .event h3 { color: var(--accent); }
body.t-evtumpeng .countdown div { aspect-ratio: 1; display: grid; place-content: center; background: radial-gradient(circle, #fffaf0 60%, var(--soft)); border: 2px solid var(--k4); }
body.t-evtumpeng .countdown b { color: var(--accent); }
body.t-evtumpeng .ibtn--solid { background: var(--accent); }