@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Rumah Baru" (koleksi Acara Spesial · Anniversary & Syukuran)
   Syukuran rumah baru yang hangat: rumah mungil beratap terakota, kunci berhias hati yang bergoyang, semak & tanaman hijau, dan jendela foto berbentuk rumah.
   Ilustrasi dari evkit.js, susunan di evrumah.js.
   ========================================================== */
.t-evrumah { --bg:#f6efe6; --card:#fffaf2; --ink:#3d3027; --muted:#7a6a5c; --line:rgba(200,85,61,.22); --accent:#c8553d; --accent-2:#2a9d8f; --on-accent:#fff; --hero-rgb:61,48,39; --tint-a:.35; --hero-ink:#3d3027; --deep:#3d3027; --soft:#eadcc8; --field:#fffcf7;--k1:#c8553d; --k2:#2a9d8f; --k3:#3d3027; --k4:#f4c95d; --k5:#7fb069; --k6:#fffaf2;--fn:'DM Serif Display', Georgia, serif; --fh:'DM Serif Display', Georgia, serif; --fb:'DM Sans', sans-serif; --fn-w:400; --fn-k:.92; --fh-w:400; --card-r:18px; --cd-r:14px; color-scheme: light; }
body.t-evrumah .page { background: radial-gradient(120% 22% at 50% 104%, #c6dcae 0 50%, transparent 50.5%), linear-gradient(180deg, #f6efe6, #f2e6d6); }
.t-evrumah .cover, .t-evrumah .hero, .t-evrumah .aside, .t-evrumah .sec--closing, body.t-evrumah .cover.has-photo, body.t-evrumah .hero.has-photo, body.t-evrumah .aside.has-photo { background: radial-gradient(120% 22% at 50% 104%, #c6dcae 0 50%, transparent 50.5%), linear-gradient(180deg, #f6efe6, #f2e6d6); color: var(--ink); }
.t-evrumah .sec--tint, .t-evrumah .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evrumah .cover, body.t-evrumah .cover.has-photo { place-items: center; overflow: hidden; }
.t-evrumah .cover__inner { gap: .5rem; max-width: 340px; }
.t-evrumah .hero, .t-evrumah .aside, body.t-evrumah .cover.has-photo, body.t-evrumah .hero.has-photo, body.t-evrumah .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evrumah .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evrumah .cover__to small { color: var(--muted); }
.t-evrumah .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evrumah .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evrumah .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evrumah .cover .cover__date, .t-evrumah .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evrumah .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evrumah:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evrumah .sec--tint .event p, body.t-evrumah .sec--tint .event small, body.t-evrumah .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evrumah .cover .ek-frame { --fw: min(124px, 34vw); } .t-evrumah .cover .ev-badge { --bw: 74px; } .t-evrumah .cover__to small:last-child { display: none; } .t-evrumah .cover__inner { gap: .3rem; } }

.t-evrumah .cover, body.t-evrumah .cover.has-photo { padding: 3.4rem 1.6rem 5rem; }
body.t-evrumah .names { color: var(--k3); }
body.t-evrumah .names i { color: var(--accent); }
body.t-evrumah .kicker { color: var(--accent-2); }
body.t-evrumah .ek-frame--house > i { clip-path: polygon(50% 0, 100% 40%, 92% 40%, 92% 100%, 8% 100%, 8% 40%, 0 40%); box-shadow: none; }
.t-evrumah .ek-frame { --fw: min(180px, 48vw); --frame-bg: linear-gradient(180deg, #fff5e6, #eadcc8); filter: drop-shadow(0 14px 16px rgba(61,48,39,.25)); }
.t-evrumah .ek-frame:not(.has-photo) > i { background: none; }
.t-evrumah .ek-frame:not(.has-photo) .ek-emblem { inset: 0; }
.t-evrumah .ek-frame.has-photo::after { content: ''; position: absolute; left: 50%; top: -2px; width: 104%; height: 44%; transform: translateX(-50%); clip-path: polygon(50% 0, 100% 92%, 94% 100%, 50% 16%, 6% 100%, 0 92%); background: var(--k1); }
.t-evrumah .cover__to { padding: .8rem 1rem; border-radius: 14px; background: #fffaf2; border: 1px solid var(--line); }
.t-evrumah .cover.is-open { transform: none; clip-path: inset(0 0 0 100%); transition: clip-path 1s cubic-bezier(.7,0,.25,1); pointer-events: none; }
body.t-evrumah .event { border: 0; border-left: 6px solid var(--k1); text-align: left; }
body.t-evrumah .event__btns { justify-content: flex-start; } body.t-evrumah .event .divider { margin-inline: 0; }
body.t-evrumah .event h3 { color: var(--accent); }
body.t-evrumah .ibtn--solid { background: var(--accent-2); }