/* Location: information, then Google Maps, then the hand-drawn guide. */
.access.access-with-maps{display:block;max-width:1100px}
.access-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.access-intro h2{margin-bottom:23px}
.access .landmark-intro{max-width:370px;font-size:16px;line-height:2;color:#61584a}
.access-details dl{margin-top:0}
.access-details dt:first-child{margin-top:0}
.access .access-map-button{display:flex;max-width:850px;margin:35px auto 0;min-height:56px}
.access-map-stack{max-width:850px;margin:auto}
.google-map-block{margin-top:32px}
.map-section-label{font-size:10px!important;letter-spacing:.14em;color:var(--red);margin-bottom:7px}
.google-map-block h3{font-size:24px;margin-bottom:19px}
.google-map-frame{height:380px;overflow:hidden;border:1px solid var(--line);background:#e9e3d8;border-radius:3px}
.google-map-frame iframe{display:block;border:0;width:100%;height:100%}
.sketch-map{margin-top:42px;background:#fbf7ed;border:1px solid #d7cbb7;border-radius:3px;box-shadow:0 8px 25px #4d321307}
.sketch-heading{padding:30px 35px 0}
.sketch-heading h3{font-size:27px;line-height:1.5}
.sketch-layout{display:grid;grid-template-columns:minmax(290px,1fr) .7fr;gap:25px;align-items:center;padding:10px 35px 25px 10px}
.sketch-art{min-width:0}
.island-map{width:100%;height:auto;display:block;overflow:visible}
.island-map path,.island-map circle{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.map-sea{fill:#e7eeea;stroke:none}
.map-shore{fill:none;stroke:#a9b5a7;stroke-width:1.2}
.map-waves{fill:none;stroke:#a3b7af;stroke-width:1.1}
.map-sea-label{fill:#7f9b90;font:16px var(--serif)}
.map-compass{fill:none;stroke:#766953;stroke-width:1.4}
.map-compass text{fill:#766953;stroke:none;font:14px var(--serif)}
.map-road-fill{fill:none;stroke:#e7dcc8;stroke-width:30;vector-effect:none!important}
.map-road-edge{fill:none;stroke:#b7a48b;stroke-width:1.2}
.map-route{fill:none;stroke:#a64b37;stroke-width:1.8;stroke-dasharray:3 7}
.map-ferry,.map-police{fill:#fbf7ed;stroke:#665a48;stroke-width:1.7}
.map-ferry>path:last-child{fill:none}
.map-label{fill:#4f4538;font:17px var(--serif)}
.map-street-label path{fill:none;stroke:#99826a;stroke-width:1.1}
.map-police-label{font-size:16px}
.map-shop{fill:none;stroke:var(--red);stroke-width:1.8}
.map-shop .map-shop-ring{stroke:#a64b37;stroke-width:1.4;opacity:.7}
.map-shop-name{fill:var(--red);font:600 24px var(--serif)}
.map-shop-here{fill:#946d4c;font:13px var(--sans)}
.map-torii{fill:none;stroke:#a14b38;stroke-width:3.2}
.map-torii path:last-child{stroke:#9bb2a8;stroke-width:1.1}
.access .sketch-caption{letter-spacing:normal;font-size:inherit;padding:0!important;margin:0!important}
.map-note-symbol{font:50px var(--serif);line-height:1;color:#ac8660;display:block;margin-bottom:18px;transform:rotate(-8deg)}
.access .sketch-route{font-family:var(--serif);font-size:19px;line-height:1.9;color:#534635;margin-bottom:22px}
.access .sketch-note{font-size:11px;line-height:1.9;color:var(--muted);margin:0}
.access .map-reference{margin-top:13px}
.access-address-source{max-width:850px;margin:15px auto 0}
.title-line{display:inline-block}
@media(prefers-reduced-motion:no-preference){
  .motion-text .title-line{opacity:0;transform:translateY(13px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.25,1)}
  .motion-text .title-line:nth-of-type(2){transition-delay:.13s}
  .motion-text.is-visible .title-line{opacity:1;transform:translateY(0)}
  .motion-lead{opacity:0;transform:translateY(8px);transition:opacity .85s .12s ease,transform .85s .12s ease}
  .motion-lead.is-visible{opacity:1;transform:translateY(0)}
}
@media(max-width:700px){
  .access-intro{display:block}
  .access .landmark-intro{font-size:15px;line-height:1.95;margin-bottom:28px;max-width:none}
  .access-details dl{margin-bottom:18px}
  .access .access-map-button{margin-top:24px;font-size:14px}
  .google-map-block{margin-top:25px}
  .google-map-block h3{font-size:22px;margin-bottom:15px}
  .google-map-frame{height:310px}
  .access .sketch-map{margin-top:28px}
  .sketch-heading{padding:22px 20px 0}
  .sketch-heading h3{font-size:23px}
  .sketch-layout{display:block;padding:7px 0 24px}
  .sketch-art{max-width:380px;margin:auto}
  .access .sketch-caption{letter-spacing:normal;font-size:inherit;padding:0 21px!important}
  .map-note-symbol{display:none}
  .access .sketch-route{font-size:17px;line-height:1.95;margin-bottom:13px}
  .access .sketch-note{font-size:12px;line-height:1.85}
  .access .map-reference,.access-address-source{font-size:11px;line-height:1.9}
}