/* User-controlled sliders for the ten gastronomy reference pages. */
.reference-detail-page .reference-detail-lead[data-project-hero]{position:relative}
.reference-detail-page [data-project-hero] .reference-detail-lead-image{height:min(72svh,66.6667vw);max-height:none}
[data-project-hero].project-hero-ready>a{touch-action:pan-y pinch-zoom}
[data-project-hero] .project-hero-controls[hidden]{display:none}
.project-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:50px;height:50px;display:grid;place-items:center;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#141a17d9;color:#fff;cursor:pointer;box-shadow:0 2px 12px #0003}
.project-hero-arrow:hover{background:#497768}
.project-hero-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.project-hero-previous{left:28px}.project-hero-next{right:28px}
.project-hero-meta{position:absolute;left:28px;bottom:24px;display:flex;align-items:center;gap:14px;max-width:calc(100% - 250px);padding:10px 14px;background:#141a17d9;color:#fff;border-radius:3px;font-size:13px;line-height:1.4;pointer-events:none}
.project-hero-count{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.project-hero-caption{border-left:1px solid #ffffff55;padding-left:14px;max-width:520px}
.project-hero-arrow:focus-visible,[data-project-hero]>a:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.project-hero-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:680px){
  .reference-detail-page [data-project-hero] .reference-detail-lead-image{height:min(65svh,80vw)}
  .project-hero-arrow{width:44px;height:44px;background:#141a17cc}
  .project-hero-previous{left:10px}.project-hero-next{right:10px}
  .project-hero-meta{left:12px;bottom:12px;padding:8px 10px;font-size:12px;max-width:calc(100% - 170px)}
  .project-hero-caption{display:none}
}