:root{
      --bg: #0b0b0c;
      --fg: #eaeaea;
      --muted: #a5a5a5;
      --card: #141418;
      --accent: #9ad15d;
      --ring: #ffffff22;
      --overlay: #000000d0;
      --chip: #cfd;
      --nav: #a9a9a9;
      --close: #ff0000;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;background-image:url("../images/incan-seamless-dark.png")}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}

    header.site{
      position: sticky; top: 0; z-index: 50;
      background: color-mix(in srgb, var(--bg) 86%, #000);
      backdrop-filter: blur(8px);
      border-bottom: 1px solid var(--ring);
    }
    .wrap{max-width:1200px;margin:0 auto;padding:10px 16px}
    .title{display:flex;align-items:center;gap:12px}
    .title h1{font-size:clamp(18px,3vw,24px);margin:6px 0}
    .title small{color:var(--muted)}

    .grid{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
      gap:14px;
      padding:16px;
    }
    .card{
      background:var(--card);
      border:1px solid var(--ring);
      border-radius:14px;
      overflow:hidden;
      box-shadow:0 1px 0 #000a;
      content-visibility:auto;
      contain-intrinsic-size: 240px 320px;
    }
    .thumb{
      aspect-ratio: 4 / 3;
      width: 100%;
      object-fit: cover;
      background: #1b1b1f;
    }
    .meta{
      padding:10px 12px 12px 12px;
      font-size:13px;
    }
    .meta h2{font-size:15px;margin:0 0 6px}
    .meta p{margin:0;color:var(--muted);line-height:1.3}
    .tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
    .tag{font-size:11px;padding:3px 7px;border:1px solid var(--ring);border-radius:999px;color:var(--chip)}
    footer{color:var(--muted);text-align:center;padding:32px 0 48px}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

    /* Lightbox */
    .lb{position:fixed;inset:0;background:var(--overlay);display:none;align-items:center;justify-content:center;z-index:100}
    .lb.open{display:flex}
    .lb .stage{position:relative;max-width:min(95vw,1600px);max-height:90vh;display:flex;align-items:center;justify-content:center}
    .lb img{max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 8px 40px #000c}
    .lb .close{position:absolute;top:8px;right:8px;background:color-mix(in srgb, var(--close) 45%, transparent);border:1px solid var(--ring);padding:8px 10px;border-radius:10px;cursor:pointer}
    .lb .nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
    .lb .btn{pointer-events:auto;background:color-mix(in srgb, var(--nav) 85%, transparent);border:1px solid var(--ring);padding:10px 14px;border-radius:12px;cursor:pointer;user-select:none}
    .lb .prev{margin-left:10px}
    .lb .next{margin-right:10px}
    .lb .info{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:linear-gradient(180deg, #0000, #000a);color:#fff;border-radius:0 0 12px 12px}
    .lb .title{font-weight:600}
    .lb .caption{opacity:.9}
    .lb .meta-line{opacity:.9;font-size:12px;margin-top:4px}