/* The route is a native link; motion only emphasizes the already visible direction. */
.room-guide{--room-tint:color-mix(in srgb,currentColor 18%,transparent);position:relative;grid-column:1/-1;width:100%;margin:28px 0 0;color:inherit;isolation:isolate;text-align:left}
.room-step{position:relative;display:flex;align-items:center;gap:18px;min-height:112px;padding:16px 68px 16px 0;border-top:1px solid var(--room-tint);color:inherit;text-decoration:none;touch-action:manipulation;transition:background-color .25s,box-shadow .25s}
.room-step::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 50%,color-mix(in srgb,currentColor 7%,transparent),transparent 68%);opacity:.6;transition:opacity .25s}
.room-step__art{display:block;flex:0 0 76px;width:76px;height:92px;color:var(--accent,#ffb284)}
.room-step__art svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.room-orbit{stroke-width:1;opacity:.35;stroke-dasharray:160 42;rotate:-20deg;transform-origin:40px 46px;fill:color-mix(in srgb,currentColor 4%,transparent)}.room-line{opacity:.65}.room-origin{fill:currentColor;stroke:none}.room-arrow-head{stroke-width:4}
.room-flow{stroke-dasharray:13 87;stroke-dashoffset:100;opacity:0}
.room-step__copy{display:grid;gap:5px;min-width:0}
.room-step__label{font:500 12px/1.3 var(--body,Arial,sans-serif);text-transform:uppercase;letter-spacing:.1em;opacity:.72}
.room-step__copy strong{font:600 clamp(21px,2.1vw,28px)/1.17 var(--body,Arial,sans-serif);text-wrap:balance;overflow-wrap:anywhere}
.room-step__description{font:400 16px/1.4 var(--body,Arial,sans-serif);max-width:48ch;opacity:.83}
.room-step__index{position:absolute;top:17px;right:0;font:500 12px/1.3 var(--body,Arial,sans-serif);letter-spacing:.06em;white-space:nowrap;opacity:.65}
.room-choices{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 14px;padding:0 0 10px 94px;font:400 14px/1.4 var(--body,Arial,sans-serif)}
.room-choices>span{opacity:.65;white-space:nowrap}.room-choices>div{display:flex;flex-wrap:wrap;gap:0 20px}
.room-choices a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:inherit;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
.room-step:focus-visible,.room-choices a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.room-step:active::before{opacity:1}.room-choices a:active{text-decoration-thickness:3px}
.room-guide.is-room-visible:not(.is-room-still) .room-flow{opacity:1;filter:drop-shadow(0 0 3px currentColor);animation:room-path-travel 3.8s linear infinite}
.room-guide.is-room-visible:not(.is-room-still) .room-arrow-head{animation:room-arrow-invite 2.8s ease-in-out infinite}
@keyframes room-path-travel{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes room-arrow-invite{0%,65%,100%{translate:0 0}35%{translate:0 4px}}
@media(hover:hover){.room-step:hover::before{opacity:1}.room-step:hover .room-step__copy strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.room-choices a:hover{text-decoration-thickness:2px}}
.journey-content{flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:24px}
.journey-index{display:none}
.room-guide--hero{pointer-events:auto;max-width:42%;margin:24px 0 0}
.room-guide--hero .room-step{padding-right:56px}
.journey-chapter>.room-guide{margin-top:26px}
.people>.room-guide{margin-top:0}
.room-junction{padding:0 var(--space,24px) 12px}
.room-return{margin-top:34px;padding:0 0 12px}
.pricing .room-step__art,.contact-band .room-step__art,.tj-legal-page .room-step__art{color:inherit}
.cta>i:empty,.info-cta>i:empty,.menu-dialog nav a>i:empty,.tj-partner-arrow:empty,.about-crew-pulse>span:empty{display:none}
.p3-primary-button::after{content:none}
main :is(#perspektive,#arbeiten,#leistungen,#tobias,#partner,#wissen,#preise,#kontakt){scroll-margin-top:112px}
html[data-user-paused="true"] .room-guide svg *,body:has(dialog[open]) .room-guide svg *{animation:none!important}
@media(min-width:601px) and (max-width:900px){.room-guide--hero{max-width:47%}.room-step__description{font-size:15px}.room-guide--hero .room-step__art{flex-basis:60px;width:60px;height:76px}.room-guide--hero .room-step{gap:12px;padding-right:45px}.room-guide--hero .room-step__index{font-size:10px}}
@media(max-width:600px){
 .room-guide{margin-top:20px}.room-step{min-height:104px;gap:12px;padding:15px 42px 15px 0}
 .room-step__art{flex-basis:62px;width:62px;height:76px}
 .room-step__label{font-size:11px;letter-spacing:.08em}.room-step__copy strong{font-size:20px;line-height:1.2}.room-step__description{font-size:15px;line-height:1.4}
 .room-step__index{top:15px;font-size:10px;letter-spacing:0}
 .room-choices{padding-left:0;gap:0 12px;font-size:15px}.room-choices>div{gap:0 18px}
 .room-guide--hero{grid-area:cue;max-width:none;justify-self:stretch;width:100%;margin-top:20px}
 .room-guide--hero .room-step{padding-right:42px}
 .journey-chapter>.room-guide{margin-top:20px}.people>.room-guide{margin-top:20px}
 main :is(#perspektive,#arbeiten,#leistungen,#tobias,#partner,#wissen,#preise,#kontakt){scroll-margin-top:102px}
}
@media(prefers-reduced-motion:reduce){.room-guide *{animation:none!important;transition:none!important}.room-flow{opacity:0}}