/* Local-test naming architecture only; the approved Garden image and hotspot layout remain unchanged. */
.journey{margin:22px auto 8px;max-width:900px;text-align:center;padding:24px 20px;border:1px solid #9b7a45;border-radius:12px;background:linear-gradient(140deg,#1b261a,#111710);color:#ead8b6}
.journey-eyebrow{font:700 12px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#d5ba7a;margin:0 0 20px}
.journey-step{border:1px solid #8e7446;border-radius:8px;padding:13px;background:#263021;font-weight:bold}
.journey-connect{margin:7px 0;color:#d2b77c;font:22px system-ui,sans-serif}
.journey-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.journey-branch{color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:145px;padding:16px 10px;border:1px solid #a28a57;border-radius:10px;text-decoration:none;background:#212b20}
.journey-branch:hover,.journey-branch:focus-visible{outline:2px solid #efd38c;outline-offset:2px;background:#31402c}
.journey-branch .branch-path{font-size:14px}.journey-branch strong{color:#f0d798;font-size:17px}.journey-branch small{font:12px system-ui,sans-serif;color:#c8bea9}
.journey-destination{font-size:20px;margin:20px 0 0;color:#f0d798}.journey-destination span{display:block;font:12px system-ui,sans-serif;color:#c8bea9}
.disc .disc-album-name{font-style:italic;color:#f2d18c!important;font-size:20px;margin:0 auto 12px!important}
@media(max-width:600px){.journey{padding:18px 12px}.journey-branches{gap:8px}.journey-branch{padding:12px 8px}.journey-branch strong{font-size:15px}.journey-branch .branch-path{font-size:12px}}

.disc .album-number{font:600 12px/1.5 system-ui,sans-serif;color:#dcc69e;margin:0 auto 15px!important;letter-spacing:.03em}

/* GardenVisual v1: photographic-path presentation drawn from the existing approved Garden image.
   Preserves tested v4 anchor destinations, hotspot coordinates, all original artwork and album content. */
.journey{max-width:1100px;overflow:hidden;isolation:isolate;position:relative;padding:32px clamp(12px,3vw,36px) 26px;margin:28px auto 10px;background:radial-gradient(ellipse at 50% 20%,#42583c 0%,#1c2b1d 42%,#101910 100%);border-color:#b6985c;border-radius:20px;box-shadow:0 22px 60px #0008}
.journey::before,.journey::after{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;background:radial-gradient(ellipse at 0% 30%,#57774765,transparent 35%),radial-gradient(ellipse at 100% 70%,#65396155,transparent 35%)}
.journey::after{background:repeating-linear-gradient(140deg,transparent 0 22px,#d4c28a08 22px 23px);opacity:.5}
.journey-eyebrow{color:#f0d99f;font-size:clamp(11px,1.2vw,14px);margin-bottom:24px}
.journey-step{position:relative;margin:auto;max-width:680px;min-height:138px;padding:25px 16px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-radius:14px;border:1px solid #d9b875;overflow:hidden;box-shadow:0 12px 28px #0007;background:linear-gradient(#0a120b89,#0a120bca),url('assets/garden-album-approved.png') center 76% / cover no-repeat}
.journey-step#survival-path{min-height:150px;background:linear-gradient(#0a120b78,#0a120bdb),url('assets/garden-album-approved.png') center 97% / cover no-repeat}
.landmark-type{font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.18em;color:#f3d48e}
.landmark-name{font:normal clamp(23px,3vw,36px)/1.18 Georgia,serif;color:#fff0bf;text-shadow:0 3px 10px #000}
.journey-connect{font-size:30px;margin:8px auto;text-shadow:0 2px 8px #000}
.journey-branches{position:relative;gap:clamp(10px,2.5vw,28px);padding-top:8px}
.journey-branches:before{content:"";position:absolute;left:50%;top:-8px;bottom:95%;width:2px;background:#e9ce90;transform:translateX(-50%)}
.journey-branch{position:relative;min-height:340px;overflow:hidden;justify-content:flex-start;padding:23px clamp(10px,2vw,24px) 22px;gap:10px;border-radius:17px;background:linear-gradient(145deg,#273322,#101a12);box-shadow:0 15px 30px #0008;transition:transform .15s ease,box-shadow .15s ease}
.journey-branch:nth-child(2){background:linear-gradient(145deg,#30243d,#12141b);border-color:#aa82c4}
.journey-branch:hover,.journey-branch:focus-visible{transform:translateY(-3px);box-shadow:0 20px 38px #000b}
.journey-branch .branch-path{min-height:40px;display:flex;align-items:center;justify-content:center;font:700 clamp(12px,1.4vw,16px)/1.35 Georgia,serif;color:#ffe1a4}
.journey-branch .garden-view{display:block;width:100%;max-width:370px;aspect-ratio:2.25/1;border:1px solid #c5a66c;border-radius:999px 999px 18px 18px;box-shadow:inset 0 0 0 3px #161d14,0 10px 25px #0009;background:linear-gradient(#12170c26,#11191530),url('assets/garden-album-approved.png') 17% 45% / 185% auto no-repeat}
.journey-branch .garden-view.feeling-view{border-color:#c4a1d8;background-position:83% 44%}
.journey-branch>span[aria-hidden="true"]:not(.garden-view){font:24px/1 Georgia,serif;color:#d6c08e}
.journey-branch strong{font-size:clamp(18px,2.2vw,26px);line-height:1.2}
.journey-branch small{font-size:13px}
.journey-destination{font-size:clamp(22px,3vw,30px);margin:24px 0 0}
.journey-destination span{margin-top:4px}
@media(max-width:650px){.journey{padding:22px 12px}.journey-step{min-height:112px}.journey-step#survival-path{min-height:120px}.journey-branches{grid-template-columns:1fr;gap:15px}.journey-branch{min-height:270px}.journey-branch .garden-view{max-width:340px}.journey-branch .branch-path{min-height:0}.journey-branches:before{display:none}}
@media(prefers-reduced-motion:reduce){.journey-branch{transition:none}}

/* GardenHoney_v1: approved artwork's changed aspect ratio.
   Preserve tested navigation URLs, adjust only hit areas to match visible features. */
.image-stage .spot-album{left:70.5%;top:9.5%;width:22%;height:13%;}
.image-stage .spot-disc-one{left:72.4%;top:24%;width:8.7%;height:9%;}
.image-stage .spot-disc-two{left:83%;top:24%;width:9%;height:9%;}
.image-stage .spot-roxie{left:35%;top:37%;width:20%;height:26%;}
.image-stage .spot-return{left:0;top:6%;width:25%;height:63%;}