/* Lake Club Messages — archive */
:root{--bg:#0d1b26;--card:#132736;--ink:#eef4f8;--mut:#9fb3c2;--acc:#5fb3e4;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(120% 60% at 50% 0%,#1a3850 0%,var(--bg) 60%) no-repeat var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh}
.hero{max-width:1100px;margin:0 auto;padding:36px 16px 18px;text-align:center}
.hero .logo{height:64px;width:auto;margin-bottom:14px}
.hero h1{margin:0 0 6px;font-size:clamp(22px,4vw,32px);font-weight:700;letter-spacing:-.01em}
.hero p{margin:0;color:var(--mut)}
.filters{max-width:1100px;margin:0 auto;padding:10px 16px 18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:inherit;font-size:13.5px;font-weight:600;padding:7px 13px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink);cursor:pointer}
.chip.on{background:var(--acc);border-color:var(--acc);color:#06202f}
#q{font:inherit;padding:8px 13px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink);min-width:200px;flex:0 1 260px}
#q::placeholder{color:var(--mut)}
.grid{max-width:1100px;margin:0 auto;padding:0 16px 48px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px}
@media(max-width:480px){.grid{grid-template-columns:repeat(2,1fr);gap:14px}}
.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;background:var(--card);border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.card:hover,.card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.35);outline:none}
.card[hidden]{display:none}
.cv{display:block;aspect-ratio:3/4;background:#fff;overflow:hidden}
.cv img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.cv.land{background:#0d1b26}.cv.land img{object-fit:contain;object-position:center}
.meta{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}
.meta em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.meta strong{font-size:14.5px;line-height:1.3;font-weight:650}
.meta time,.meta small{font-size:12.5px;color:var(--mut)}
.empty,.none{text-align:center;color:var(--mut);padding:30px 16px}