/* One navigation mark across scenes: geometry, rhythm and responsive sizes. */
:root{--cue-ink:#315d6b;--cue-width:88px;--cue-height:92px;--cue-icon-width:40px;--cue-icon-height:58px;--cue-rest:-4px;--cue-travel:5px}
.section-cue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:var(--cue-width);height:var(--cue-height);min-height:44px;padding:6px;border:0;background:none;color:var(--cue-ink);text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.section-cue .section-cue-icon{display:block;flex:none;width:var(--cue-icon-width);height:var(--cue-icon-height);overflow:visible;fill:currentColor;stroke:none;animation:section-cue-pulse 2.6s cubic-bezier(.22,.61,.36,1) infinite}
.section-cue .section-cue-label{font-family:Switzer,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;letter-spacing:.025em;color:inherit}
.section-cue:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.section-cue:hover .section-cue-icon,.section-cue:focus-visible .section-cue-icon{animation:none;transform:translateY(var(--cue-travel));opacity:1}
.section-cue:hover .section-cue-label,.section-cue:focus-visible .section-cue-label{text-decoration:underline;text-underline-offset:4px}
@keyframes section-cue-pulse{0%,80%,100%{transform:translateY(var(--cue-rest));opacity:.48}35%,56%{transform:translateY(var(--cue-travel));opacity:1}}
.hero-next{position:absolute;right:calc(var(--gutter) - 12px);bottom:16%;z-index:6}
.sea-next{position:absolute;left:50%;right:auto;transform:translateX(-50%);bottom:4%;z-index:7;--cue-ink:var(--dive-ivory)}
.sea-next .section-cue-icon{filter:drop-shadow(0 1px 2px rgb(16 59 79 / .3))}
.gallery-footer .section-cue{justify-self:end;min-height:var(--cue-height);padding:6px}
.expertise-return.section-cue{margin:24px 0 0 auto;padding:6px;border:0;justify-content:center;--cue-rest:4px;--cue-travel:-5px}
@media(max-width:700px){
 :root{--cue-icon-width:38px;--cue-icon-height:55px;--cue-height:88px}
 .hero-next{right:3%;top:62%;bottom:auto}
 .sea-next{right:auto;left:50%;transform:translateX(-50%);bottom:max(4%,env(safe-area-inset-bottom))}
 .gallery-footer .section-cue{justify-self:center;margin-top:12px}
 .expertise-return.section-cue{margin-inline:auto}
}
@media(max-width:540px) and (max-height:740px){
 :root{--cue-height:76px;--cue-icon-width:32px;--cue-icon-height:46px}
 .hero-next{top:auto;bottom:21%}
}
@media(max-width:950px) and (max-height:500px) and (orientation:landscape){
 :root{--cue-height:68px;--cue-icon-width:30px;--cue-icon-height:42px}
 .hero-next{top:auto;bottom:10%;right:2%}
 .sea-next{left:50%;right:auto;bottom:5%;transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){.section-cue .section-cue-icon{animation:none;transform:none;opacity:1}}