.isl-archive{background:var(--isl-g100);padding:88px 0}
.isl-archive-head{text-align:center;max-width:720px;margin:0 auto 52px}
.isl-archive-head h2{font-weight:800;font-style:italic;font-size:38px;color:var(--isl-accent);margin:0 0 14px}
.isl-archive-head p{font-size:16px;line-height:1.6;color:var(--isl-g700);margin:0}
.isl-archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.isl-arch{display:flex;flex-direction:column;gap:12px}
.isl-arch-img{position:relative;width:100%;aspect-ratio:1/1;background:var(--isl-white);border:1px solid var(--isl-border);border-radius:var(--isl-r-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}
.isl-arch-img img{width:100%;height:100%;object-fit:cover;display:block}
.isl-arch-img span{font-size:12px;color:var(--isl-g500);padding:12px;text-align:center}
.isl-arch-year{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--isl-accent)}
.isl-arch-cap{font-size:14px;line-height:1.5;color:var(--isl-g700)}
@media (max-width:989px){.isl-archive-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:749px){.isl-archive{padding:56px 0}.isl-archive-head{margin-bottom:32px}.isl-archive-head h2{font-size:26px}.isl-archive-grid{grid-template-columns:1fr 1fr;gap:14px}}