/* Original 842 × 595 Figma compositions. Scale the complete canvas together. */
:is(#journey,.ink-experience) .journey-contact,:is(#journey,.ink-experience) .experience{position:relative;display:block;width:100%;height:100svh;min-height:100svh;margin:0;padding:0;text-align:center}
:is(#journey,.ink-experience) .figma-stage{position:absolute;left:var(--stage-x);top:var(--stage-y);width:842px;height:595px;transform:scale(var(--stage-scale));transform-origin:0 0}
:is(#journey,.ink-experience) .journey-contact h2,:is(#journey,.ink-experience) .experience h2,:is(#journey,.ink-experience) .tiny-label,:is(#journey,.ink-experience) .journey-next{display:none}

/* Frame17: the original outlined lettering retains the designer's exact font. */
:is(#journey,.ink-experience) .story-contact-lettering{position:absolute;left:299px;top:349px;width:244.75px;height:106.625px;max-width:none;pointer-events:none}
:is(#journey,.ink-experience) .journey-contact .figma-stage>a{position:absolute;display:block;margin:0;padding:0;font-size:0;color:transparent;transition:filter .2s;white-space:nowrap}
:is(#journey,.ink-experience) .journey-contact .figma-stage>a>span{display:none}
:is(#journey,.ink-experience) .journey-contact .figma-stage>a[href^="mailto:"]:not(.story-contact-icon){left:299px;top:349px;width:244.75px;height:37.375px}
:is(#journey,.ink-experience) .journey-contact .figma-stage>a[href^="tel:"]:not(.story-contact-icon){left:299px;top:422px;width:244.75px;height:34px}
:is(#journey,.ink-experience) .journey-contact .figma-stage>a[href*="itch.io"]{display:none}
:is(#journey,.ink-experience) .journey-contact .figma-stage>a.story-contact-mail{left:362px;top:495px;width:32.865px;height:21.29px}
:is(#journey,.ink-experience) .journey-contact .figma-stage>a.story-contact-phone{left:457px;top:488px;width:38.821px;height:41.929px}
:is(#journey,.ink-experience) .story-contact-icon>img{position:absolute;left:-.5px;top:-.5px;width:calc(100% + 1px);height:calc(100% + 1px);max-width:none}
:is(#journey,.ink-experience) .story-contact-phone>img{left:4.404px;top:1.063px;width:28.781px;height:38.767px;transform:none}
:is(#journey,.ink-experience) .story-contact-icon:hover{filter:brightness(1.45)}
:is(#journey,.ink-experience) .journey-contact .figma-stage>a:focus-visible{outline:1px dashed #edb878;outline-offset:6px;border-radius:3px}

/* Frame18 (160:424), with no additional heading or timeline arrow. */
:is(#journey,.ink-experience) .timeline{position:absolute;left:0;top:0;display:block;width:842px;height:595px;margin:0;gap:0;text-align:center;font-family:Inter,Arial,sans-serif;font-weight:600;line-height:normal;color:rgba(255,255,255,.65)}
:is(#journey,.ink-experience) .timeline-year{position:absolute;top:51px;left:420.5px;transform:translateX(-50%);grid-column:auto;grid-row:auto;margin:0;padding:0;color:rgba(255,255,255,.65);font-size:40px;line-height:48px;font-weight:600;text-align:center}
:is(#journey,.ink-experience) .timeline article{position:absolute;left:0;right:0;top:157px;display:block;grid-column:auto;margin:0;padding:0;border:0;height:142px;text-align:center}
:is(#journey,.ink-experience) .timeline article:nth-of-type(2){top:438px;height:125px}
:is(#journey,.ink-experience) .timeline h3{position:absolute;top:0;left:293px;right:auto;margin:0;padding:0;font-family:Inter,Arial,sans-serif;font-weight:600;font-size:20px;line-height:24px;white-space:nowrap;color:rgba(255,255,255,.65)}
:is(#journey,.ink-experience) .timeline article:nth-of-type(2) h3{left:318px}
:is(#journey,.ink-experience) .timeline h3 span{font-size:inherit}
:is(#journey,.ink-experience) .timeline .company{position:absolute;top:41px;left:420.5px;right:auto;transform:translateX(-50%);display:block;margin:0;font-size:20px;line-height:24px;font-weight:600;color:rgba(204,124,54,.54)}
:is(#journey,.ink-experience) .timeline article:nth-of-type(2) .company{left:424px}
:is(#journey,.ink-experience) .timeline .job-detail{position:absolute;top:72px;left:420.5px;transform:translateX(-50%);width:119px;margin:0;font-size:13px;line-height:16px;font-weight:600;color:rgba(204,124,54,.54)}
:is(#journey,.ink-experience) .timeline .job-location{position:absolute;top:118px;left:0;right:0;margin:0;text-align:center;font-size:18px;line-height:22px;letter-spacing:0;text-transform:none;font-weight:600;color:rgba(255,255,255,.65);white-space:nowrap}
:is(#journey,.ink-experience) .timeline article:nth-of-type(2) .job-location{top:79px}
:is(#journey,.ink-experience) .timeline .story-country{position:absolute;left:398.5px;top:0;transform:translateX(-50%)}
:is(#journey,.ink-experience) .timeline article:nth-of-type(2) .story-country{left:396px}
:is(#journey,.ink-experience) .timeline .job-location small{position:absolute;left:447.5px;top:6px;transform:translateX(-50%);margin:0;font:600 10px/12px Inter,Arial,sans-serif;white-space:nowrap}
:is(#journey,.ink-experience) .timeline article:nth-of-type(2) .job-location small{left:435.5px}
:is(#journey,.ink-experience) .timeline .timeline-connector{position:absolute;left:415px;top:323px;width:12px;height:98px;transform:none}
:is(#journey,.ink-experience) .timeline .timeline-connector .timeline-marker{position:absolute;left:0;top:0;width:12px;height:12px;max-width:none}
:is(#journey,.ink-experience) .timeline .timeline-connector .timeline-line{position:absolute;left:6px;top:7px;width:1px;height:91px;max-width:none}
:is(#journey,.ink-experience) .timeline article>.timeline-dot{display:none}
/* The fixed story button uses this same original drawing. */
.enter-story .triangle{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 2px #0009)}
.enter-story .triangle>img{display:block;width:100%;height:100%;max-width:none;transform:none}

/* Every entry ends with the original dot; only a following entry gets a line. */
:is(#journey,.ink-experience) .timeline article::after{content:"";position:absolute;left:415px;top:166px;width:12px;height:12px;background:url('assets/figma/87278.svg') center/contain no-repeat}
:is(#journey,.ink-experience) .timeline article:nth-of-type(2)::after{top:127px}
:is(#journey,.ink-experience) .timeline .timeline-connector .timeline-marker{display:none}