.journey-hero{background:#101c1a;color:#f2ede1;padding:30px 0}.journey-heading{padding-bottom:24px}.journey-heading h1{font-size:clamp(2rem,4vw,4rem);line-height:1.08;margin:12px 0}.journey-heading p{margin:10px 0}.journey-stage{position:relative;max-width:1800px;margin:auto;aspect-ratio:1672/941;overflow:hidden;background:#14121c;touch-action:pan-y}.journey-layers{position:absolute;inset:0;transform:scale(1.025) translate(var(--px,0px),var(--py,0px));transition:transform .7s ease}.journey-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1.6s ease}.journey-image.dream{opacity:0}.is-dream .journey-image.dream{opacity:1}.is-dream .journey-image.normal{opacity:0}.plant-hotspots{position:absolute;inset:0}.plant-hit{position:absolute;top:10%;height:27%;width:17%;display:flex;align-items:flex-end;justify-content:center;border:1px solid transparent;border-radius:48%;text-decoration:none;color:white;min-width:44px;min-height:44px;transition:top 1s,left 1s,box-shadow 1s}.pinon-hit{left:20%}.aya-hit{left:64%}.is-dream .pinon-hit{left:22%;top:12%}.is-dream .aya-hit{left:56%;top:12%}.plant-hit span{background:#101520db;border:1px solid #c4d6e280;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.3;text-align:center}.plant-hit small{display:block;font-size:12px;color:#dde8f0}.plant-hit:hover,.plant-hit:focus-visible{outline:2px solid #d3e6ff;box-shadow:0 0 36px #a9d8ff60}.mode-label{position:absolute;bottom:12px;left:16px;background:#101520d9;padding:7px 12px;border-radius:5px;font-size:14px;pointer-events:none}.spirit-aura{position:absolute;width:25%;height:48%;top:6%;opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity 1.8s;background:radial-gradient(ellipse,#b7dcff35,transparent 65%)}.pinon-aura{left:18%}.aya-aura{left:54%;background:radial-gradient(ellipse,#8179ff35,transparent 65%)}.is-dream[data-selected=pinon] .pinon-aura,.is-dream[data-selected=aya] .aya-aura{opacity:1;animation:spirit-breathe 6s ease-in-out infinite}.journey-motes{position:absolute;inset:0;opacity:0;transition:opacity 2.5s;pointer-events:none}.is-dream .journey-motes{opacity:.65}.journey-motes i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:#dfedff;border-radius:50%;box-shadow:0 0 6px #8abfff;animation:mote-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.journey-controls{padding-top:18px}.journey-controls p{font-size:16px}.journey-buttons,.plant-choices,.journey-links{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.journey-buttons button,.journey-buttons a,.plant-choices button{font:inherit;font-size:14px;min-height:44px;border:1px solid #bed0cb88;background:#1b302d;color:#fff;padding:10px 16px;border-radius:6px;cursor:pointer;text-decoration:none}.journey-buttons [hidden],#journey-video[hidden]{display:none}.plant-choices button{border-color:#cfbc80}.journey-note{font-size:14px!important;max-width:840px;color:#bcc9c6}.journey-links a{font-size:14px;color:#eadab4;padding:8px 0}.journey-controls .video{max-width:850px}.is-paused *{animation-play-state:paused!important}.is-paused .journey-layers{transform:scale(1.025)}@keyframes spirit-breathe{50%{opacity:.35}}@keyframes mote-drift{to{transform:translate(12px,26px);opacity:.25}}@media(max-width:600px){.journey-hero{padding-top:20px}.plant-hit{width:26%;top:7%;height:34%}.pinon-hit{left:16%}.aya-hit{left:60%}.is-dream .pinon-hit{left:19%;top:7%}.is-dream .aya-hit{left:53%;top:7%}.plant-hit span{font-size:12px;padding:5px 7px}.plant-hit small{display:none}.mode-label{font-size:12px;bottom:5px;left:8px;padding:4px 8px}.journey-buttons{gap:8px}.journey-buttons button,.journey-buttons a{padding:9px 11px}.journey-heading{padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.journey-hero *{animation:none!important;transition:none!important}.journey-layers{transform:none!important}}
.living-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.journey-motes i{width:4px;height:4px;animation-name:mote-arrive}@keyframes mote-arrive{0%{transform:translate(0,-12px) scale(.4);opacity:0}35%{opacity:.65}100%{transform:translate(18px,80px) scale(1.4);opacity:0}}
/* Image-linked people remain available in both camera views. */
.people-hotspots{position:absolute;inset:0;pointer-events:none}.person-hit{position:absolute;left:var(--left);top:var(--top);width:var(--width,13%);height:var(--height,25%);min-width:44px;min-height:44px;pointer-events:auto;border-radius:35%;display:flex;align-items:flex-end;justify-content:center;color:#fff;text-decoration:none;border:1px solid transparent;transition:border-color .25s,box-shadow .25s}.person-hit span{opacity:0;transform:translateY(5px);transition:.2s;background:#10201dee;border:1px solid #dcc58b;padding:8px 12px;border-radius:7px;text-align:center;font-size:14px;line-height:1.3;white-space:nowrap}.person-hit small{display:block;font-size:12px;margin-top:3px;color:#e2e8df}.person-hit:hover,.person-hit:focus-visible{outline:none;border-color:#e1ce9880;box-shadow:0 0 24px #dbc68e40}.person-hit:hover span,.person-hit:focus-visible span{opacity:1;transform:none}.person-diomar{--left:33%;--top:35%}.person-antonio{--left:54%;--top:38%}.person-dail{--left:82%;--top:40%}.person-female{--left:5%;--top:37%}.person-guest{--left:25%;--top:64%;--width:36%;--height:15%}.is-dream .person-diomar{--left:35%;--top:44%}.is-dream .person-antonio{--left:59%;--top:48%}.is-dream .person-dail{--left:83%;--top:46%}.is-dream .person-female{--left:5%;--top:43%}.is-dream .person-guest{--left:34%;--top:88%;--width:28%;--height:9%}.plant-hit{z-index:2}.plant-hit:hover span,.plant-hit:focus-visible span{border-color:#fff;box-shadow:0 0 16px #c6dfff55}@media(hover:none){.person-hit{border-color:#dec99655}.person-hit span{opacity:1;transform:none;font-size:12px;padding:4px 6px;white-space:normal}.person-hit small{display:none}}@media(max-width:600px){.person-hit span{font-size:12px;white-space:normal;padding:4px}.person-hit{--width:16%;--height:24%}.person-guest{--width:30%;--height:12%}.is-dream .person-guest{--height:10%;--top:84%}}
/* Immersive transition: dark fade → light bloom → blur-to-sharp reveal */
.journey-transition{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}
.transition-dark{position:absolute;inset:0;background:#060a0f;opacity:0;transition:opacity .6s ease}
.journey-transition.phase-dark .transition-dark{opacity:1}
.transition-bloom{position:absolute;left:50%;top:50%;width:20vmin;height:20vmin;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:radial-gradient(circle,#fff8e7 0%,#ffe9b8 25%,#d4a94e55 50%,transparent 70%);opacity:0;transition:transform 1.2s cubic-bezier(.2,.7,.3,1),opacity .8s ease;mix-blend-mode:screen}
.journey-transition.phase-bloom .transition-bloom{transform:translate(-50%,-50%) scale(8);opacity:.9}
.journey-transition.phase-reveal{transition:opacity 1.2s ease;opacity:0}
.journey-image.dream.revealing{filter:blur(24px) brightness(1.4);transform:scale(1.06);transition:filter 1.4s ease,transform 1.6s ease}
.is-dream .journey-image.dream.revealing{opacity:1}
/* Mouse-follow light illuminating the scene */
.journey-light{position:absolute;inset:0;z-index:5;pointer-events:none;--lx:50%;--ly:40%;background:radial-gradient(circle at var(--lx) var(--ly),#ffe9b833 0%,#d4a94e22 20%,transparent 45%);mix-blend-mode:screen;opacity:0;transition:opacity 1s ease}
.is-dream .journey-light,.journey-stage:hover .journey-light{opacity:1}
@media(prefers-reduced-motion:reduce){.journey-transition,.journey-light{display:none!important}.journey-image.dream.revealing{filter:none!important;transform:none!important}}