.survey-index{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);gap:22px;align-items:start}.survey-index .story-figure{margin:0}.survey-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 22px;padding:14px;border:1px solid rgba(241,202,120,.24);background:rgba(2,13,18,.64)}.survey-tools label{font-family:var(--nav);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#efd18d}.survey-tools input{width:150px;padding:10px;border:1px solid rgba(241,202,120,.35);background:#06141a;color:#f3ead2}.survey-tools button,.survey-more{padding:10px 14px;border:1px solid rgba(241,202,120,.48);background:#0b232b;color:#efd18d;cursor:pointer;font-family:var(--nav);text-transform:uppercase;letter-spacing:.08em}.survey-tools button:hover,.survey-tools button:focus-visible,.survey-more:hover,.survey-more:focus-visible{background:#15353d}.survey-tools span{margin-left:auto;color:#9eb8b4;font-size:.86rem}.survey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.survey-frame{margin:0;border:1px solid rgba(241,202,120,.22);background:#031016}.survey-frame a{display:block;overflow:hidden;background:#d8d2c4}.survey-frame img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(1);transition:transform .25s ease,filter .25s ease}.survey-frame a:hover img,.survey-frame a:focus-visible img{transform:scale(1.025);filter:grayscale(.2)}.survey-frame figcaption{padding:8px 10px;color:#b7cbc7;font:600 .75rem/1.3 var(--nav);letter-spacing:.06em;text-transform:uppercase}.survey-frame.target{outline:3px solid #efd18d;outline-offset:3px}.survey-more{display:block;margin:20px auto 0}@media(max-width:900px){.survey-index{grid-template-columns:1fr}.survey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.survey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-tools span{width:100%;margin-left:0}}