:root{--hem-ink:#171511;--hem-muted:#625e56;--hem-paper:#f3efec;--hem-surface:#fff;--hem-line:#e2e1dd;--hem-accent:#7a2812;--hem-green:#3d4235;--hem-shadow:0 12px 34px rgba(23,21,17,.08)}
.hem-app{max-width:1240px;margin:24px auto 60px;color:var(--hem-ink);font-family:"Open Sans",sans-serif;background:var(--hem-paper);border:1px solid var(--hem-line);border-radius:8px;overflow:hidden;box-shadow:var(--hem-shadow)}
.hem-app *{box-sizing:border-box}.hem-hero{padding:38px 42px 28px;background:linear-gradient(125deg,#f3efec 0%,#e2e1dd 100%);border-bottom:1px solid var(--hem-line)}
.hem-eyebrow{margin:0 0 8px!important;color:var(--hem-accent);font-weight:800;letter-spacing:.18em;font-size:.76rem}.hem-hero h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02}.hem-hero>p:last-child{margin:12px 0 0;color:var(--hem-muted);font-size:1.05rem}
.hem-toolbar{padding:22px 26px;border-bottom:1px solid var(--hem-line)}.hem-search input{width:100%;padding:15px 18px;border:1px solid var(--hem-line);border-radius:4px;background:var(--hem-surface);font:inherit;font-size:1rem}.hem-search input:focus,.hem-app button:focus-visible,.hem-app select:focus{outline:3px solid rgba(122,40,18,.2);outline-offset:2px}
.hem-quick,.hem-selects,.hem-viewbar>div{display:flex;gap:8px;flex-wrap:wrap}.hem-quick{margin-top:14px}.hem-app button{border:1px solid var(--hem-green);background:var(--hem-surface);color:var(--hem-green);border-radius:4px;padding:9px 15px;font:inherit;font-weight:700;cursor:pointer}.hem-app button:hover,.hem-app button.is-active{background:var(--hem-green);border-color:var(--hem-green);color:white}.hem-selects{align-items:end;margin-top:14px}.hem-selects label{display:grid;gap:5px;color:var(--hem-muted);font-size:.78rem;font-weight:700}.hem-selects select,.hem-selects input[type="date"]{min-width:150px;padding:10px 12px;border:1px solid var(--hem-line);border-radius:4px;background:var(--hem-surface);font:inherit;color:var(--hem-ink)}.hem-selects select{padding-right:34px}.hem-app .hem-near{background:var(--hem-accent);border-color:var(--hem-accent);color:white}.hem-app .hem-reset{border-color:transparent;background:transparent;color:var(--hem-muted)}
.hem-viewbar{display:flex;justify-content:space-between;align-items:center;padding:16px 26px}.hem-viewbar strong{font-size:.94rem}.hem-viewbar button{padding:7px 13px}.hem-status{display:none;margin:0 26px 14px;padding:12px 14px;border-radius:10px;background:#fff2dc;color:#6d4a0d}.hem-status:not(:empty){display:block}.hem-layout{min-height:540px}.hem-map{height:610px;display:none}.hem-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 26px 28px}.hem-app[data-view="map"] .hem-map{display:block}.hem-app[data-view="map"] .hem-list{display:none}
.hem-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--hem-line);border-radius:6px;overflow:hidden;background:var(--hem-surface);transition:transform .18s,box-shadow .18s}.hem-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,21,17,.1)}.hem-card__image{aspect-ratio:16/9;background:#e2e1dd;object-fit:cover;width:100%}.hem-card__placeholder{display:grid;place-items:center;color:var(--hem-green);font-weight:800;background:linear-gradient(135deg,#e2e1dd,#f3efec)}.hem-card__body{padding:16px;display:flex;flex:1;flex-direction:column}.hem-card__date{color:var(--hem-accent);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.hem-card h3{margin:7px 0 9px;font-size:1.13rem;line-height:1.24}.hem-card__place{margin:0 0 16px;color:var(--hem-muted);font-size:.9rem}.hem-card__link{margin-top:auto;color:var(--hem-accent);font-weight:800;text-decoration:none}.hem-empty{grid-column:1/-1;padding:50px 10px;text-align:center;color:var(--hem-muted)}
.hem-popup{width:230px}.hem-popup img{width:100%;height:105px;object-fit:cover;border-radius:8px}.hem-popup h3{margin:8px 0 5px;font-size:1rem}.hem-popup p{margin:4px 0}.hem-popup a{color:var(--hem-green);font-weight:800}.hem-marker{display:grid;place-items:center;width:34px;height:34px;border:3px solid white;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:var(--hem-accent);box-shadow:0 3px 8px rgba(0,0,0,.25)}.hem-marker span{transform:rotate(45deg);font-size:14px}.hem-cluster{display:grid;place-items:center;width:42px;height:42px;border:3px solid white;border-radius:50%;background:var(--hem-green);color:white;font-weight:800;box-shadow:0 3px 12px rgba(0,0,0,.25)}
@media(max-width:900px){.hem-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hem-map{height:560px}}
@media(max-width:620px){.hem-app{margin:0;border-radius:0;border-left:0;border-right:0}.hem-hero{padding:28px 20px 22px}.hem-toolbar,.hem-viewbar{padding-left:16px;padding-right:16px}.hem-list{grid-template-columns:1fr;padding:0 16px 22px}.hem-selects label{flex:1;min-width:135px}.hem-selects select,.hem-selects input[type="date"]{width:100%;min-width:0}.hem-near{flex:1}.hem-map{height:65vh;min-height:480px}.hem-viewbar{align-items:flex-start;gap:12px}.hem-viewbar strong{min-width:0;font-size:.82rem;line-height:1.4}.hem-viewbar>div{flex:0 0 auto}}
@media(max-width:380px){.hem-viewbar{flex-direction:column}.hem-viewbar>div{align-self:flex-end}}