.visual-archive{padding:104px 0 112px;background:#f7f5ef;color:#0c1a21}
.visual-archive .section-head{margin-bottom:43px}
.visual-archive .section-lead{max-width:510px}
.archive-toolbar{display:flex;align-items:center;gap:18px;border-top:1px solid #aeb8b1;border-bottom:1px solid #aeb8b1;padding:13px 0;margin-bottom:20px}
.archive-toolbar>span{font:700 11px var(--mono,monospace);letter-spacing:.04em;text-transform:uppercase;margin-right:auto;color:#52666a}
.archive-toolbar output{font:700 11px var(--mono,monospace);color:#52666a;white-space:nowrap}
.archive-filters{display:flex;gap:4px}
.archive-filters button{border:1px solid transparent;background:transparent;color:#52666a;font:700 11px var(--mono,monospace);min-height:38px;padding:8px 12px;cursor:pointer}
.archive-filters button:hover{border-color:#9babaa;color:#0c1a21}
.archive-filters button[aria-pressed="true"]{border-color:#0c1a21;color:#fff;background:#0c1a21}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}
.artifact-viewport[data-crop="report"] img{object-fit:cover;object-position:center 68%}
.archive-item{min-width:0;border:1px solid #cbd0c8;background:#fffdfa;display:grid;grid-template-rows:auto 1fr}
.archive-item[hidden]{display:none}
.archive-image{position:relative;display:block;overflow:hidden;width:100%;height:365px;padding:0;border:0;background:#20313a;cursor:zoom-in;text-align:left}
.archive-image:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(transparent 67%,rgba(4,16,21,.55))}
.archive-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s}
.archive-image:hover img,.archive-image:focus-visible img{transform:scale(1.035);filter:contrast(1.06)}
.archive-image span{position:absolute;right:15px;bottom:15px;z-index:2;padding:10px 13px;background:#f7f5ef;color:#0c1a21;font:700 11px var(--mono,monospace)}
.archive-image--offer img{object-position:center 50%}
.archive-image--property-dash img{object-position:center 55%}
.archive-image--finance-report img{object-position:center 72%}
.archive-image--finance-dash img{object-position:center 61%}
.archive-image--insect-map img{object-position:center 55%}
.archive-image--insect-season img{object-position:center 43%}
.archive-caption{display:grid;grid-template-columns:minmax(0,1fr) 230px;column-gap:22px;align-items:end;padding:19px 22px 22px;border-top:1px solid #d4d8d0}
.archive-caption small{grid-column:1/-1;color:#b72e23;font:700 10px var(--mono,monospace);letter-spacing:.07em;text-transform:uppercase}
.archive-caption h3{font:700 clamp(25px,2.2vw,33px)/1.05 var(--display,sans-serif);letter-spacing:-.045em;margin:12px 0 0}
.archive-caption p{font-size:12px;line-height:1.5;color:#52666a;margin:12px 0 0}
.archive-dialog{width:min(1150px,calc(100vw - 40px));max-width:none;max-height:calc(100vh - 32px);padding:0;border:1px solid #6b7e80;background:#f7f5ef;color:#0c1a21;box-shadow:0 24px 90px rgba(0,0,0,.45)}
.archive-dialog::backdrop{background:rgba(5,16,21,.82)}
.archive-dialog__bar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:11px 17px 11px 23px;background:#0c1a21;color:#fff}
.archive-dialog__bar small{display:block;color:#fa9b87;font:700 10px var(--mono,monospace);letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px}
.archive-dialog__bar strong{display:block;font:700 20px/1.1 var(--display,sans-serif)}
.archive-dialog__bar button{width:38px;height:38px;flex:0 0 38px;background:none;color:#fff;border:1px solid #66787b;font:400 26px/1 sans-serif;cursor:pointer}
.archive-dialog__stage{height:min(72vh,760px);min-height:250px;overflow:auto;display:flex;align-items:center;justify-content:center;background:#23343c;padding:18px}
.archive-dialog__stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 9px 28px rgba(0,0,0,.23)}
.archive-dialog__stage.is-zoomed{display:block;text-align:center}
.archive-dialog__stage.is-zoomed img{max-width:none;max-height:none;width:auto;height:auto;min-width:min(100%,1000px);margin:auto}
.archive-dialog__foot{display:flex;align-items:center;gap:12px;min-height:55px;padding:8px 16px;background:#f7f5ef;border-top:1px solid #c9d1cc}
.archive-dialog__foot button{border:1px solid #b9c4be;background:transparent;color:#0c1a21;padding:8px 10px;font:700 11px var(--mono,monospace);cursor:pointer}
.archive-dialog__foot button:hover{background:#0c1a21;color:#fff}
.archive-dialog__foot span{margin-left:auto;color:#52666a;font:700 11px var(--mono,monospace)}
@media(max-width:900px){.visual-archive{padding:80px 0}.archive-image{height:300px}.archive-caption{grid-template-columns:1fr}.archive-caption p{max-width:500px}}
@media(max-width:700px){.archive-toolbar{flex-wrap:wrap}.archive-toolbar>span{width:100%}.archive-grid{grid-template-columns:1fr;gap:16px}.archive-image{height:310px}.archive-caption{padding:17px 18px 22px}.archive-dialog{width:calc(100vw - 14px);max-height:calc(100vh - 14px)}.archive-dialog__bar{padding:10px 12px}.archive-dialog__bar strong{font-size:17px}.archive-dialog__stage{height:min(72vh,610px);padding:8px}.archive-dialog__foot{gap:5px;padding:8px}.archive-dialog__foot button{font-size:10px;padding:8px}.archive-dialog__foot span{font-size:10px}}
@media(max-width:420px){.archive-filters button{font-size:10px;padding:7px 8px}.archive-dialog__foot span{display:none}}
@media(prefers-reduced-motion:reduce){.archive-image img{transition:none}}
