.route-showcase[hidden]{display:none!important}.route-showcase{padding:65px 0 58px;background:#f8f7f3;border-bottom:1px solid #e6e3d9;overflow:hidden}.route-showcase>header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 clamp(24px,5vw,100px);margin-bottom:30px}.route-showcase h2{margin:12px 0 15px;font:400 clamp(2.35rem,4vw,4.3rem)/1.02 Georgia,serif;letter-spacing:-.05em;color:#17252a}.route-showcase>header p:last-child{max-width:57ch;font-size:.9rem;line-height:1.8;color:#69716a}.route-controls{display:flex;align-items:center;gap:9px;flex:none;padding-bottom:10px}.route-controls[hidden]{display:none}.route-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c9cec5;border-radius:50%;background:transparent;color:#34483a;font:500 1rem system-ui;cursor:pointer}.route-controls button[data-route-pause]{width:auto;padding:0 14px;border-radius:30px;font-size:.7rem}.route-controls button:hover{background:#e9ece4}.route-controls button:focus-visible,.route-photo-card>a:focus-visible{outline:3px solid #a86948;outline-offset:4px}.route-photo-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(230px,26vw,340px);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;padding:5px clamp(24px,5vw,100px) 20px;scrollbar-width:thin;scrollbar-color:#b2b7ac transparent;position:relative;touch-action:pan-x pan-y}.route-photo-card{margin:0;min-width:0}.route-photo-card>a{display:block;position:relative;border-radius:13px;overflow:hidden;aspect-ratio:4/5;background:#e3e3da}.route-photo-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.route-photo-card>a:hover img{transform:scale(1.035)}.route-photo-zoom{position:absolute;bottom:13px;right:13px;background:#fffffff0;border-radius:25px;padding:8px 11px;color:#314235;font-size:.64rem;font-weight:700}.route-photo-card figcaption{display:grid;gap:6px;padding:17px 4px 0}.route-photo-card strong{font:400 1.45rem Georgia,serif;letter-spacing:-.025em}.route-photo-card figcaption>span{font-size:.72rem;color:#6d776b}.route-showcase-hint{padding:0 clamp(24px,5vw,100px);margin:12px 0 0;color:#69746a;font-size:.72rem}.photo-dialog-open{overflow:hidden}.route-photo-dialog{position:fixed;width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:16px;background:#fcfbf7;color:#17252a;overflow:auto;box-shadow:0 25px 90px #0006}.route-photo-dialog::backdrop{background:#13201bc9;backdrop-filter:blur(4px)}.route-photo-dialog:not([open]){display:none}.route-photo-dialog [data-photo-close]{position:absolute;z-index:2;right:14px;top:14px;width:38px;height:38px;border:1px solid #dadfd4;border-radius:50%;background:#fffc;cursor:pointer;font-size:1.4rem;color:#17252a}.route-dialog-layout{display:grid;grid-template-columns:1.35fr .65fr;min-height:300px}.route-dialog-layout>img{display:block;width:100%;height:min(78dvh,800px);object-fit:contain;background:#eae9e1}.route-dialog-copy{padding:70px 30px 35px;align-self:center}.route-dialog-copy>span{color:#99704e;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.route-dialog-copy h2{font:400 2.5rem/1 Georgia,serif;letter-spacing:-.04em}.route-dialog-copy p{color:#69746a;line-height:1.7;font-size:.85rem}.route-dialog-copy .medal-button{font-size:.69rem;letter-spacing:.04em;padding:0 17px}.guide-process-link{display:block;padding:24px;text-align:center;background:#15212a;color:#e1d4b9;font-size:.8rem;border-top:1px solid #ffffff19}.guide-process-link:hover{color:#fff}@media(max-width:760px){.route-showcase{padding:43px 0 35px}.route-showcase>header{display:block;padding:0 24px;margin-bottom:20px}.route-controls{padding-top:8px;padding-bottom:0}.route-photo-track{grid-auto-columns:min(78vw,310px);gap:15px;padding-left:24px;padding-right:24px}.route-showcase-hint{padding:0 24px}.route-dialog-layout{grid-template-columns:1fr}.route-dialog-layout>img{height:55dvh}.route-dialog-copy{padding:24px}.route-dialog-copy h2{font-size:2rem;margin:14px 0}.route-dialog-copy .medal-button{margin-top:7px}.route-photo-dialog{max-height:calc(100dvh - 20px);width:calc(100vw - 20px)}}@media(prefers-reduced-motion:reduce){.route-photo-card img{transition:none}}
