*{box-sizing:border-box}
:root{--bg:#080809;--bg2:#111113;--panel:#171719;--panel2:#202024;--text:#f7f3ea;--muted:#c9c0ad;--line:rgba(255,255,255,.12);--gold:#d7b46a;--gold2:#f1d58c;--shadow:rgba(0,0,0,.48)}
html{scroll-behavior:smooth}
body{margin:0;font-family:Heebo,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,#28251f 0%,#121214 38%,#080809 100%);color:var(--text);line-height:1.7;min-height:100vh}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 10%,rgba(215,180,106,.13),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%);pointer-events:none}
.memorial-header{position:sticky;top:0;z-index:10;background:rgba(8,8,9,.88);backdrop-filter:blur(14px);display:flex;justify-content:space-between;align-items:center;padding:14px 6vw;border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-weight:800}.logo img{width:52px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 16px rgba(0,0,0,.34))}.memorial-header nav{display:flex;gap:14px;flex-wrap:wrap}.memorial-header nav a{color:var(--muted);text-decoration:none;font-weight:700}.memorial-header nav a:hover{color:var(--gold2)}
main{position:relative;z-index:1}.hero{padding:72px 6vw 36px;text-align:center;max-width:980px;margin:auto}.kicker{color:var(--gold);font-weight:800;letter-spacing:.03em;margin:0 0 10px}.hero-candle{display:block;width:58px;height:72px;object-fit:contain;margin:2px auto 14px;filter:drop-shadow(0 0 15px rgba(215,180,106,.3))}.hero h1{font-size:clamp(2.35rem,6vw,5.2rem);line-height:1.05;margin:0 0 16px;color:var(--text);text-shadow:0 10px 34px rgba(0,0,0,.5)}.hero p{font-size:1.18rem;margin:auto;max-width:760px;color:var(--muted)}
.tools{max-width:760px;margin:0 auto 30px;padding:0 6vw}.tools input{width:100%;border:1px solid var(--line);border-radius:999px;padding:14px 22px;font:inherit;background:rgba(255,255,255,.07);color:var(--text);outline:none}.tools input::placeholder{color:rgba(247,243,234,.55)}.tools input:focus{border-color:rgba(215,180,106,.75);box-shadow:0 0 0 4px rgba(215,180,106,.12)}
.memorial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;padding:0 6vw 76px;max-width:1200px;margin:auto}.memorial-card,.plus-card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 20px 54px var(--shadow);overflow:hidden;text-align:right;color:inherit}.memorial-card{cursor:pointer;padding:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.memorial-card:hover{transform:translateY(-4px);border-color:rgba(215,180,106,.62);box-shadow:0 26px 68px rgba(0,0,0,.58)}.memorial-card img{width:100%;aspect-ratio:1/1.05;object-fit:cover;background:#101012;display:block}.memorial-card img.candle-fallback{object-fit:contain;padding:46px;background:radial-gradient(circle,rgba(215,180,106,.18),rgba(255,255,255,.035) 58%,rgba(255,255,255,.02))}.card-body{display:block;padding:17px}.card-body h2{font-size:1.25rem;margin:0 0 4px;color:var(--gold2)}.card-body p{margin:0;color:var(--muted)}
.plus-card{min-height:260px;display:grid;place-items:center;text-align:center;padding:32px;color:var(--muted)}.plus-card span{display:grid;place-items:center;width:88px;height:88px;border-radius:28px;border:1px dashed rgba(215,180,106,.62);font-size:3.1rem;line-height:1;margin:auto;background:rgba(215,180,106,.06);box-shadow:inset 0 0 30px rgba(215,180,106,.08)}.plus-card p{margin:14px 0 0}.plus-card small{display:block;color:rgba(247,243,234,.58);margin-top:8px}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(7px)}.modal-panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:30px;max-width:920px;width:min(920px,96vw);max-height:90vh;overflow:auto;display:grid;grid-template-columns:minmax(260px,42%) 1fr;box-shadow:0 30px 90px rgba(0,0,0,.62)}.modal-panel img{width:100%;height:100%;min-height:360px;object-fit:cover;background:#101012}.modal-panel img.candle-fallback{object-fit:contain;padding:58px;background:radial-gradient(circle,rgba(215,180,106,.16),rgba(255,255,255,.035) 58%,rgba(255,255,255,.02))}.modal-content{padding:34px;text-align:right}.modal-content h2{font-size:2rem;margin:0 0 8px;color:var(--gold2)}.modal-content p{color:var(--muted)}.modal-content .kicker{color:var(--gold)}.meta{font-weight:700;color:#dccda8}.modal-close{position:absolute;top:12px;left:12px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:2rem;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.35)}.modal-close:hover{border-color:rgba(215,180,106,.65);color:var(--gold2)}
@media(max-width:720px){.memorial-header{align-items:flex-start;gap:10px}.hero-candle{width:50px;height:62px;margin-bottom:12px}.modal-panel{grid-template-columns:1fr}.modal-panel img{min-height:260px}.hero{padding-top:46px}.memorial-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}}