.journey-viewer{width:100%;height:100dvh;min-height:42rem;padding-block:calc(var(--header-height) + .25rem) .25rem;isolation:isolate;grid-template-rows:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.journey-viewer:before{z-index:-1;border:1px solid color-mix(in srgb, var(--project-accent) 22%, transparent);aspect-ratio:1;content:"";opacity:.3;border-radius:50%;width:min(42vw,42rem);position:absolute;top:14%;right:-13vw}.journey-viewer__geometry{z-index:-1;opacity:.28;pointer-events:none;position:absolute;inset:0}.journey-viewer__geometry:before,.journey-viewer__geometry:after,.journey-viewer__geometry span{background:color-mix(in srgb, var(--project-accent) 22%, transparent);content:"";position:absolute}.journey-viewer__geometry:before{top:0;bottom:0;left:var(--gutter);width:1px}.journey-viewer__geometry:after{top:0;right:var(--gutter);width:1px;bottom:0}.journey-viewer__geometry span:first-child{height:1px;top:25%;left:0;right:0}.journey-viewer__geometry span:nth-child(2){top:25%;left:calc(var(--gutter) - 3px);background:var(--project-accent);border-radius:50%;width:7px;height:7px}.journey-viewer__geometry span:nth-child(3){top:25%;right:calc(var(--gutter) - 2.5rem);width:2.5rem;height:1px;box-shadow:0 -5px 0 color-mix(in srgb, var(--project-accent) 18%, transparent), 0 5px 0 color-mix(in srgb, var(--project-accent) 18%, transparent)}.journey-experience.shell{grid-template-rows:minmax(0,1fr) clamp(2.5rem,3.1vh,2.85rem);gap:.25rem;width:100%;max-width:none;min-height:0;padding-inline:clamp(.75rem,1.25vw,2rem);display:grid}.journey-stage{--artwork-left:50%;--artwork-top:50%;--artwork-width:1px;--artwork-height:1px;min-width:0;min-height:0;position:relative}.journey-artwork{z-index:2;border:1px solid color-mix(in srgb, var(--ink) 24%, var(--line));background:color-mix(in srgb, var(--surface-raised) 92%, transparent);width:1px;min-width:0;height:1px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 5%, transparent), 0 1.25rem 4rem #00000038;box-sizing:border-box;cursor:zoom-in;touch-action:pan-y;padding:2px;position:absolute;top:50%;left:50%;overflow:visible}.journey-artwork:before,.journey-artwork:after{z-index:4;content:"";pointer-events:none;width:17px;height:17px;position:absolute}.journey-artwork:before{border-top:1px solid color-mix(in srgb, var(--project-accent) 78%, transparent);border-left:1px solid color-mix(in srgb, var(--project-accent) 78%, transparent);top:-5px;left:-5px}.journey-artwork:after{border-right:1px solid color-mix(in srgb, var(--project-accent) 78%, transparent);border-bottom:1px solid color-mix(in srgb, var(--project-accent) 78%, transparent);bottom:-5px;right:-5px}.journey-artwork:focus-visible{outline:1px solid var(--project-accent);outline-offset:7px}.journey-artwork__image{z-index:1;opacity:0;object-fit:contain;max-width:none;max-height:none;transition:opacity .48s var(--ease-signal), transform .48s var(--ease-signal);user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.004)}.journey-artwork__image.is-current{opacity:1;transform:translate(-50%,-50%)scale(1)}.journey-artwork__image.is-departing{opacity:0;transform:translate(-50%,-50%)scale(.997)}.journey-artwork__loading{z-index:3;background:color-mix(in srgb, var(--surface) 84%, transparent);color:var(--project-accent);font-family:var(--font-display);letter-spacing:.16em;opacity:0;text-transform:uppercase;transition:opacity var(--duration-fast);white-space:nowrap;padding:.48rem .68rem;font-size:.58rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.journey-artwork.is-loading .journey-artwork__loading,.journey-artwork.is-error .journey-artwork__loading{opacity:.9}.journey-orientation,.journey-return,.journey-controls{opacity:0;transition:opacity var(--duration-fast)}.journey-viewer.has-artwork-geometry :is(.journey-orientation,.journey-return,.journey-controls){opacity:1}.journey-orientation{z-index:3;top:calc(var(--artwork-top) + .15rem);right:calc(100% - var(--artwork-left) + 1rem);width:max-content;max-width:9.5rem;color:var(--project-accent);font-family:var(--font-display);letter-spacing:.14em;text-align:right;text-transform:uppercase;white-space:nowrap;justify-content:flex-end;align-items:center;gap:.55rem;font-size:.59rem;font-weight:600;display:flex;position:absolute}.journey-orientation>span:first-child{flex:none;display:inline-flex}.journey-orientation :is(svg){width:1.5rem;height:1.5rem}.journey-viewer .journey-return{z-index:3;top:var(--artwork-top);left:calc(var(--artwork-left) + var(--artwork-width) + 1rem);letter-spacing:.1em;white-space:nowrap;width:max-content;min-height:2rem;padding:0;font-size:.58rem;position:absolute}.journey-viewer .journey-return:after{width:1.45rem;margin-left:.55rem;transform:scaleX(.72)}.journey-viewer .journey-return:hover:after,.journey-viewer .journey-return:focus-visible:after{transform:scaleX(1)}.journey-controls{z-index:4;pointer-events:none;position:absolute;inset:0}.journey-nav,.journey-autoplay{color:var(--ink);cursor:pointer;font-family:var(--font-display);background:0 0;border:0}.journey-nav{top:calc(var(--artwork-top) + var(--artwork-height) / 2);pointer-events:auto;place-items:center;width:3.35rem;height:3.35rem;padding:0;display:grid;position:absolute;transform:translateY(-50%)}.journey-nav--previous{right:calc(100% - var(--artwork-left) + .45rem)}.journey-nav--next{left:calc(var(--artwork-left) + var(--artwork-width) + .45rem)}.journey-nav svg{fill:none;width:1.35rem;height:1.35rem;stroke:var(--project-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;transition:transform var(--duration-fast) var(--ease-signal)}.journey-nav--previous:hover svg{transform:translate(-.22rem)}.journey-nav--next:hover svg{transform:translate(.22rem)}.journey-status{right:calc(100% - var(--artwork-left) + 1rem);bottom:calc(100% - var(--artwork-top) - var(--artwork-height));pointer-events:auto;justify-items:end;gap:.32rem;min-width:7.25rem;display:grid;position:absolute}.journey-counter{color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.13em;white-space:nowrap;font-size:.68rem}.journey-counter [data-journey-current]{color:var(--project-accent)}.journey-autoplay{min-height:1.4rem;color:var(--ink-muted);letter-spacing:.1em;align-items:center;gap:.38rem;padding:0;font-size:.55rem;font-weight:600;display:inline-flex}.journey-autoplay__indicator{border:1px solid;border-radius:50%;width:.38rem;height:.38rem}.journey-viewer.is-autoplay-enabled .journey-autoplay{color:var(--project-accent)}.journey-viewer.is-autoplay-enabled .journey-autoplay__indicator{box-shadow:0 0 .5rem color-mix(in srgb, var(--project-accent) 55%, transparent);background:currentColor}.journey-progress{bottom:calc(100% - var(--artwork-top) - var(--artwork-height) + .2rem);left:calc(var(--artwork-left) + var(--artwork-width) + 1rem);background:color-mix(in srgb, var(--ink) 34%, transparent);width:clamp(5.5rem,7vw,10rem);height:1px;position:absolute;overflow:hidden}.journey-progress span{width:var(--journey-progress);background:var(--project-accent);transform-origin:0;height:100%;transition:width .48s var(--ease-signal);position:absolute;inset:0 auto 0 0}.journey-narrative{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(5.25rem,.12fr) minmax(0,1fr);align-items:center;gap:clamp(.75rem,1.5vw,1.5rem);height:100%;min-height:0;padding-block:.25rem;display:grid;overflow:hidden}.journey-narrative__orientation{color:var(--project-accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;justify-content:space-between;font-size:.54rem;display:flex}.journey-narrative__text{width:100%;min-width:0;color:color-mix(in srgb, var(--ink) 82%, var(--project-accent) 18%);font-family:var(--font-editorial);text-overflow:clip;white-space:nowrap;font-size:clamp(1.18rem,1.02vw,1.36rem);line-height:1.15;overflow:hidden}.journey-narrative--standard .journey-narrative__text{opacity:0;transition:opacity .12s ease-out}.journey-narrative--standard .journey-narrative__text.is-visible{opacity:.9}.journey-narrative--standard .journey-narrative__text.is-character-complete{opacity:1}.journey-narrative--standard .journey-narrative__text.is-character-erasing{opacity:.92}.journey-narrative--alignment .journey-narrative__text{opacity:0;transition:opacity .36s var(--ease-signal), transform .36s var(--ease-signal);transform:translateY(2px)}.journey-narrative--alignment .journey-narrative__text.is-visible{opacity:1;transform:translateY(0)}.journey-narrative--accessible-only .journey-narrative__text{visibility:hidden}@media (width>=48.001rem){.journey-narrative{width:var(--artwork-width);margin-left:var(--artwork-left);grid-template-columns:minmax(0,1fr);justify-self:start;gap:0;position:relative}.journey-narrative--standard .journey-narrative__orientation,.journey-narrative--accessible-only .journey-narrative__orientation{display:none}.journey-narrative--alignment .journey-narrative__orientation{z-index:1;pointer-events:none;justify-content:flex-end;position:absolute;right:0}.journey-narrative--alignment .journey-narrative__orientation span:first-child{display:none}.journey-narrative__text{grid-area:1/1}}.journey-continuation{z-index:6;border:1px solid color-mix(in srgb, var(--project-accent) 44%, var(--line));background:color-mix(in srgb, var(--surface-raised) 94%, transparent);backdrop-filter:blur(14px);opacity:0;width:min(15rem,100% - 1.5rem);max-height:calc(100% - 1.5rem);transition:opacity var(--duration-base) var(--ease-signal), transform var(--duration-base) var(--ease-signal);gap:.72rem;padding:1rem;display:grid;position:absolute;overflow:auto;transform:translate(.45rem);box-shadow:0 1.1rem 3.5rem #00000040}.journey-continuation[hidden]{display:none}.journey-continuation.is-visible{opacity:1;transform:translate(0)}.journey-continuation__signal{align-items:center;width:3.75rem;display:flex}.journey-continuation__signal:before{background:linear-gradient(90deg, var(--project-accent), transparent);content:"";width:100%;height:1px}.journey-continuation__signal span{background:var(--project-accent);border-radius:50%;flex:none;width:.35rem;height:.35rem}.journey-continuation h2{font-family:var(--font-editorial);margin-top:.2rem;font-size:clamp(1.25rem,1.55vw,1.65rem);font-weight:400;line-height:1.06}.journey-continuation h2+p{color:var(--ink-muted);margin-top:.45rem;font-size:.7rem;line-height:1.45}.journey-continuation__actions{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.journey-continuation__actions :is(.button-link,.text-link){min-height:2rem;font-size:.58rem}.journey-zoom{background:#070807f0}.journey-zoom::backdrop{backdrop-filter:blur(10px);background:#040504e0}.journey-zoom__surface{background:color-mix(in srgb, var(--surface) 96%, transparent);grid-template-rows:auto 1fr;width:100%;height:100dvh;display:grid}.journey-zoom__toolbar{z-index:2;min-height:var(--header-height);padding-inline:var(--gutter);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:relative}.journey-zoom__controls{align-items:center;gap:var(--space-2);display:flex}.journey-zoom__controls button{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;place-items:center;padding:0;font-size:1.15rem;display:grid}.journey-zoom__controls button:hover{border-color:var(--project-accent);color:var(--project-accent)}.journey-zoom__controls span{min-width:4.5rem;color:var(--ink-muted);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-align:center;font-size:.66rem}.journey-zoom__close{margin-left:var(--space-3)}.journey-zoom__stage{overscroll-behavior:contain;cursor:grab;touch-action:none;position:relative;overflow:auto}.journey-zoom__stage.is-panning{cursor:grabbing}.journey-zoom__canvas{place-items:center;min-width:100%;min-height:100%;display:grid;position:relative}.journey-zoom__canvas img{cursor:zoom-out;user-select:none;max-width:none;max-height:none;position:absolute}.journey-sr-only{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=48rem){.journey-viewer{height:auto;min-height:100svh;padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));overflow:clip}.journey-experience.shell{padding-inline:var(--gutter);gap:var(--space-3);grid-template-rows:minmax(0,1fr) minmax(7.5rem,auto)}.journey-stage{min-height:clamp(25rem,60svh,38rem)}.journey-viewer[data-artwork-orientation=landscape] .journey-stage{min-height:clamp(20rem,42svh,25rem)}.journey-orientation{top:calc(var(--artwork-top) + .5rem);right:auto;left:calc(var(--artwork-left) + .55rem);background:color-mix(in srgb, var(--surface) 78%, transparent);max-width:none;padding:.3rem .4rem;font-size:.52rem}.journey-orientation>span:first-child{display:none}.journey-viewer .journey-return{top:calc(var(--artwork-top) + .35rem);right:calc(100% - var(--artwork-left) - var(--artwork-width) + .45rem);background:color-mix(in srgb, var(--surface) 78%, transparent);min-height:1.8rem;padding:.25rem .35rem;font-size:.51rem;left:auto}.journey-viewer .journey-return:after{display:none}.journey-nav{background:color-mix(in srgb, var(--surface) 72%, transparent);backdrop-filter:blur(8px);width:2.7rem;height:2.7rem}.journey-nav--previous{right:auto;left:calc(var(--artwork-left) + .35rem)}.journey-nav--next{left:calc(var(--artwork-left) + var(--artwork-width) - 3.05rem)}.journey-status{right:auto;bottom:calc(100% - var(--artwork-top) - var(--artwork-height) + .5rem);left:calc(var(--artwork-left) + .55rem);background:color-mix(in srgb, var(--surface) 78%, transparent);justify-items:start;min-width:0;padding:.35rem .45rem}.journey-progress{bottom:calc(100% - var(--artwork-top) - var(--artwork-height) + .55rem);left:calc(var(--artwork-left) + var(--artwork-width) - min(8rem, calc(var(--artwork-width) * .38)) - .55rem);width:min(8rem, calc(var(--artwork-width) * .38))}.journey-narrative{grid-template-columns:1fr;align-content:center;gap:.45rem;width:100%;min-height:7.5rem;margin-left:0;padding-block:clamp(.9rem,4vw,1.1rem)}.journey-narrative__orientation{min-height:.8rem}.journey-narrative__text{white-space:normal;font-size:clamp(.94rem,3.9vw,1.04rem);line-height:1.35}.journey-continuation{width:calc(100% - 1.5rem)}.journey-zoom__toolbar{padding-block:var(--space-3);align-items:flex-start;gap:var(--space-3);flex-direction:column}.journey-zoom__controls{width:100%}.journey-zoom__close{margin-left:auto}}@media (width>=48.001rem) and (width<=96rem){.journey-viewer .journey-return{letter-spacing:.045em;font-size:.55rem}.journey-viewer .journey-return:after{display:none}}@media (prefers-reduced-motion:reduce){.journey-artwork__image,.journey-continuation,.journey-narrative__text,.journey-progress span{transition-duration:1ms}}
