.web-archive{max-width:1240px;margin:0 auto;padding:24px 28px 80px}
.web-archive-back{display:inline-block;margin-bottom:40px;color:var(--text-muted);font-size:.9rem}
.web-archive-kicker{color:var(--accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px}
.web-archive h1{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:400;line-height:1.12;margin:0 0 24px}
.web-archive-intro{max-width:760px;font-size:1.12rem;line-height:1.8;color:var(--text-muted);margin-bottom:40px}
.web-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.web-archive-card{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;overflow:hidden;scroll-margin-top:140px}
.web-archive-preview{display:block;aspect-ratio:3/2;overflow:hidden;background:#171717}
.web-archive-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}
.web-archive-preview:hover img{transform:scale(1.025)}
.web-archive-card-body{padding:28px}.web-archive-card h2{font-size:1.5rem;line-height:1.3;margin:0 0 16px;font-weight:400}
.web-archive-card h2 a{color:var(--text-heading)}.web-archive-card-body>p:not(.web-archive-kicker){color:var(--text-muted);line-height:1.8;min-height:3.6em}
.web-archive-open{display:inline-block;margin-top:16px}
.web-archive-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;padding:18px 0;border-top:1px solid var(--border)}
.web-archive-toolbar span{font-size:.82rem;color:var(--text-muted)}
.web-archive-frame{display:block;width:100%;height:78vh;min-height:500px;border:1px solid var(--border);background:#fff;border-radius:6px}
.web-archive-note{font-size:.88rem;color:var(--text-muted);line-height:1.8;max-width:900px;margin:28px 0 0}
@media(max-width:700px){.web-archive{padding:20px 18px 50px}.web-archive-grid{grid-template-columns:1fr;gap:24px}.web-archive-back{margin-bottom:28px}.web-archive-card-body{padding:22px}.web-archive-frame{height:74vh;min-height:420px}}
@media(prefers-reduced-motion:reduce){.web-archive-preview img{transition:none}}