.locations-layout{align-items:start}
.location-media{margin:-40px -40px 30px;position:relative;background:var(--deep)}
.location-media img,.location-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--deep)}
.location-media figcaption{padding:16px 20px;color:white;background:var(--deep);font:500 12px "IBM Plex Mono",monospace;letter-spacing:.05em}
.location-media-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.location-media-controls button{padding:9px 12px;border:1px solid #718d7d;background:transparent;color:white;border-radius:2px;font:600 12px Montserrat,system-ui,sans-serif;letter-spacing:0}
.location-media-controls button[aria-pressed="true"]{background:white;color:var(--forest);border-color:white}
.location-media-controls button:hover{border-color:var(--lime)}
.clip-note{font-size:10px;color:#b7cbbf;margin-left:auto;letter-spacing:.04em}
#location-media-status{display:block;margin-top:12px;font-size:12px;line-height:1.5;letter-spacing:0}
.location-photo-pending{border-left:2px solid var(--yellow);padding:12px 16px;background:#ffffff08;font-size:12px;margin:0 0 28px}
@media(max-width:900px){.location-media{margin:-28px -28px 28px}}
@media(max-width:600px){.location-media{margin:-30px -24px 28px}.location-media figcaption{padding:14px 16px}.clip-note{margin-left:0}}