/* Functional navigation sits over each city photograph; captions keep their own reading space. */
.about-v5 .q-carousel{position:relative}
.about-v5 .q-slide figcaption{height:58px;box-sizing:border-box;display:flex;align-items:center}
.about-v5 .q-carousel-controls{position:absolute;inset:0 0 58px;pointer-events:none;margin:0;z-index:2}
.about-v5 .q-carousel-navigation{position:relative;display:block;width:100%;height:100%;margin:0;pointer-events:none}
.about-v5 .q-carousel-step{position:absolute;top:50%;margin-top:-22px;pointer-events:auto;box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:rgba(255,255,255,.28);color:#253b33;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:0 3px 16px #00000012}
.about-v5 .q-carousel-step[data-carousel-prev]{inset-inline-start:16px}
.about-v5 .q-carousel-step[data-carousel-next]{inset-inline-end:16px}
.about-v5 .q-carousel-step:hover{background:rgba(255,255,255,.48);color:#253b33}
.about-v5 .q-carousel-step svg{width:22px;height:22px}
html[dir=rtl] .about-v5 .q-carousel-step svg{scale:-1 1}
.about-v5 .q-carousel-position{position:absolute;left:50%;bottom:14px;translate:-50% 0;pointer-events:auto;width:fit-content;gap:0;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:0 3px 16px #00000012;border-radius:24px}
.about-v5 .q-carousel-dots{display:flex;gap:0;margin:0}
.about-v5 .q-carousel-dots button,
.about-v5 .q-carousel-dots button:hover,
.about-v5 .q-carousel-dots button[aria-pressed=true]{display:grid;place-items:center;min-width:44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:transparent}
.about-v5 .q-carousel-dots button:before{content:'';display:block;width:6px;height:6px;border-radius:6px;background:#253b33;opacity:.4;transition:width .25s,opacity .25s}
.about-v5 .q-carousel-dots button.is-current:before{width:20px;opacity:1}
.about-v5 .q-carousel-dots button:hover:before{opacity:1}
.about-v5 .q-carousel button:focus-visible{outline:3px solid var(--q-teal);outline-offset:3px}
.about-v5 .q-carousel-dots button:focus-visible{outline-color:var(--q-teal);outline-offset:-5px}
@media(max-width:640px){.about-v5 .q-carousel-step[data-carousel-prev]{inset-inline-start:12px}.about-v5 .q-carousel-step[data-carousel-next]{inset-inline-end:12px}.about-v5 .q-carousel-position{bottom:12px}}
@media(prefers-reduced-motion:reduce){.about-v5 .q-carousel-dots button:before{transition:none}}