@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Kampus Hijau" (koleksi Acara Spesial · Wisuda)
   Suasana kampus yang asri: gedung bertiang klasik, sulur daun hijau di sudut, toga kecil, dan warna hijau almamater yang segar.
   Ilustrasi dari evkit.js, susunan di evkampus.js.
   ========================================================== */
.t-evkampus { --bg:#f1f5ec; --card:#ffffff; --ink:#23412f; --muted:#5d7365; --line:rgba(47,107,69,.22); --accent:#2f6b45; --accent-2:#e9c46a; --on-accent:#fff; --hero-rgb:35,65,47; --tint-a:.35; --hero-ink:#23412f; --deep:#1e3326; --soft:#dfe9d5; --field:#fcfefa;--k1:#2f6b45; --k2:#a7c957; --k3:#1e3326; --k4:#e9c46a; --k5:#6a994e; --k6:#ffffff;--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:12px; --cd-r:10px; color-scheme: light; }
body.t-evkampus .page { background: radial-gradient(80% 40% at 50% 0%, #fff, transparent 70%), linear-gradient(180deg, #f1f5ec, #e6efdc); }
.t-evkampus .cover, .t-evkampus .hero, .t-evkampus .aside, .t-evkampus .sec--closing, body.t-evkampus .cover.has-photo, body.t-evkampus .hero.has-photo, body.t-evkampus .aside.has-photo { background: radial-gradient(80% 40% at 50% 0%, #fff, transparent 70%), linear-gradient(180deg, #f1f5ec, #e6efdc); color: var(--ink); }
.t-evkampus .sec--tint, .t-evkampus .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evkampus .cover, body.t-evkampus .cover.has-photo { place-items: center; overflow: hidden; }
.t-evkampus .cover__inner { gap: .5rem; max-width: 340px; }
.t-evkampus .hero, .t-evkampus .aside, body.t-evkampus .cover.has-photo, body.t-evkampus .hero.has-photo, body.t-evkampus .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evkampus .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evkampus .cover__to small { color: var(--muted); }
.t-evkampus .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evkampus .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evkampus .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evkampus .cover .cover__date, .t-evkampus .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evkampus .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evkampus:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evkampus .sec--tint .event p, body.t-evkampus .sec--tint .event small, body.t-evkampus .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evkampus .cover .ek-frame { --fw: min(124px, 34vw); } .t-evkampus .cover .ev-badge { --bw: 74px; } .t-evkampus .cover__to small:last-child { display: none; } .t-evkampus .cover__inner { gap: .3rem; } }

.t-evkampus .cover, body.t-evkampus .cover.has-photo { padding: 3.2rem 1.6rem 5rem; }
body.t-evkampus .names { color: var(--k1); }
body.t-evkampus .names i { color: var(--accent-2); }
body.t-evkampus .kicker { color: var(--k5); }
.t-evkampus .ek-frame { --fw: min(160px, 42vw); --frame-bg: linear-gradient(180deg, #fff, #dfe9d5); --frame-sh: 0 0 0 6px #fff, 0 0 0 8px var(--k2), 0 18px 30px -16px rgba(35,65,47,.4); }
.t-evkampus .ek-frame:not(.has-photo) .ek-emblem { inset: 22% 12%; }
.t-evkampus .cover__to { padding: .8rem 1rem; border-radius: 12px; background: #fff; border: 1px solid var(--line); }
.t-evkampus .cover.is-open { transform: translateY(-100%); opacity: 1; transition: transform 1s cubic-bezier(.7,0,.25,1); }
body.t-evkampus .ibtn--solid { background: var(--k1); }
body.t-evkampus .event { border-top: 5px solid var(--k2); }
body.t-evkampus .event h3 { color: var(--k1); }
body.t-evkampus .countdown b { color: var(--k1); }