:root{--bg:#ffffff;--text:rgba(0,0,0,0.95);--muted:rgba(0,0,0,0.6);--ring:rgba(0,0,0,0.35);--shadow:0 18px 60px rgba(0,0,0,0.45)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1200px 900px at 50% 0,rgba(0,0,0,.04),transparent 55%),var(--bg);color:var(--text)}.wrap{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}header{padding:22px 18px 10px;text-align:center}h1{margin:0 0 6px;font-size:clamp(22px,2.6vw,34px);letter-spacing:.2px}header p{margin:0;color:var(--muted);font-size:15px}main{padding:12px 18px 20px;display:grid;place-items:center}.grid{width:min(1200px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:860px){.grid{grid-template-columns:1fr}}.card{position:relative;display:block;height:clamp(500px,62vh,720px);overflow:hidden;text-decoration:none;color:inherit;outline:none;transform:translateZ(0)}.card:focus-visible{box-shadow:0 0 0 4px rgba(0,0,0,.18),var(--shadow)}.card img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) saturate(1.05) contrast(1.02);transform:scale(1.01);transition:filter .22s ease,transform .22s ease}.card:focus-visible img,.card:hover img{filter:grayscale(0) saturate(1.05) contrast(1.02);transform:scale(1.03)}.overlay{position:absolute;inset:0;transition:opacity .16s ease}.card:focus-visible .overlay,.card:hover .overlay{opacity:.92}.content{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-gap:6px;gap:6px}.name{font-weight:750;font-size:clamp(18px,2.2vw,26px);line-height:1.1}.url{font-size:14px}.cta{margin-top:8px;display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;text-underline-offset:4px;text-decoration-thickness:2px}.card:focus-visible .cta,.card:hover .cta{text-decoration:underline}footer{padding:14px 18px 20px;color:rgba(0,0,0,.6);font-size:12px}.noscript,footer{text-align:center}.noscript{color:rgba(0,0,0,.75);max-width:680px;margin:18px auto 0}@media (prefers-reduced-motion:reduce){.card img{transform:none}.card img,.overlay{transition:none}}