/* One continuous stage. Text belongs to the anatomy, never to a stack of cards. */
#reise{height:2100svh}
.journey-nav{right:32px;gap:clamp(13px,2vw,32px);overflow-x:auto;scrollbar-width:none;white-space:nowrap;max-width:calc(100% - 64px)}
.journey-nav::-webkit-scrollbar{display:none}
.journey-nav a{flex:none;font-size:12px;min-height:48px}
.return-view h2{position:absolute;left:8%;top:58%;font-size:clamp(48px,5.2vw,76px)}
.scene[class*="body-"]{isolation:isolate}
.scene[class*="body-"]::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#040d1cf2, #040d1cba 25%,#040d1c25 59%,transparent 80%);pointer-events:none}
.scene[class*="body-"] h2{font-size:clamp(46px,5.5vw,84px);line-height:.99;letter-spacing:-.05em;text-wrap:balance;margin:0}
.scene[class*="body-"] p{line-height:1.52;text-wrap:pretty}
.body-copy{position:absolute;left:8%;top:19%;width:36%;max-width:540px}
.body-copy>p{font-size:21px;max-width:35ch;margin-top:30px;color:#e0e9f7}
.body-copy .body-detail{font-size:16px;max-width:36ch;margin-top:22px;color:#bcd0e7}
[data-ink]{mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}
.body-tasks h2{position:absolute;left:8%;top:14%}
.task-river{position:absolute;left:8%;top:38%;width:43%;max-width:580px}
.task-river p{display:grid;grid-template-columns:44% 1fr;gap:12px;margin:0 0 10px;transform-origin:left center;transition:color .2s var(--ease-out);color:#d9e6f6}
.task-river span{font-family:'Familjen Grotesk';font-size:27px;letter-spacing:-.025em;line-height:1.2}
.task-river small{font-size:14px;line-height:1.3;padding-top:5px;color:#c0cee1}
.task-river p.is-current{color:#d7f52a}
.task-permission{position:absolute;left:8%;bottom:12%;font-size:16px;color:#d6e1ee}
.body-process h2{position:absolute;left:8%;top:17%}
.process-words{position:absolute;left:8%;top:43%;padding:0;list-style:none;counter-reset:phase;width:36%;margin:0}
.process-words li{counter-increment:phase;display:grid;grid-template-columns:26px 1fr;column-gap:14px;margin:0 0 22px;color:#b5c6dc;transition:color .2s var(--ease-out)}
.process-words li::before{content:counter(phase);grid-row:span 2;font-size:12px;padding-top:7px;font-variant-numeric:tabular-nums}
.process-words span{font-family:'Familjen Grotesk';font-size:28px;line-height:1.1;letter-spacing:-.02em}
.process-words small{font-size:14px;margin-top:6px}
.process-words li.is-current{color:#f1f5fc}
.process-words li.is-done::before{color:#d7f52a}
.body-approve{position:absolute;left:62%;top:66%;min-height:48px;padding:12px 20px;border:1px solid #9db255;background:#091423;color:#d7f52a;border-radius:2px;font-size:16px;transition:background .2s var(--ease-out),transform .16s var(--ease-out)}
.body-approve[aria-pressed="true"]{background:#d7f52a;color:#091423}
.approval-status{position:absolute;left:62%;top:73%;font-size:13px;color:#d4deec;max-width:29ch}
.safety-copy{position:absolute;top:15%;left:8%;width:38%;max-width:560px}
.safety-copy>p{font-size:19px;margin-top:25px;max-width:37ch}
.key-experience{position:absolute;left:58%;top:30%;width:360px;height:360px;transform-origin:center}
.key-sculpture{width:100%;height:100%;object-fit:contain;pointer-events:none}
.key-lit{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1;filter:sepia(1) saturate(1.5) hue-rotate(25deg) brightness(1.25) drop-shadow(0 0 3px #d7f52a);clip-path:polygon(17% 60%,43% 35%,55% 34%,59% 44%,46% 56%,24% 70%)}
.key-experience[data-selected="1"] .key-lit{clip-path:polygon(48% 43%,60% 45%,53% 63%,45% 82%,36% 82%,40% 66%)}
.key-experience[data-selected="2"] .key-lit{clip-path:polygon(56% 44%,68% 44%,70% 65%,70% 86%,60% 85%,57% 64%)}
.key-hit{position:absolute;width:60px;height:85px;background:transparent;border-radius:45%;border:1px solid transparent;transform:rotate(15deg);transition:border-color .2s var(--ease-out)}
.key-hit{z-index:2}
.key-one{left:22%;top:47%}.key-two{left:44%;top:52%}.key-three{left:65%;top:43%}
.access-example{position:absolute;left:8%;bottom:14%;width:48%;max-width:650px}
.access-example>p:first-child{font-family:'Familjen Grotesk';font-size:24px;letter-spacing:-.02em;margin:0 0 12px}
.access-actions{display:flex;gap:24px;align-items:center}
.access-actions button{padding:8px 0;min-height:44px;background:none;color:#d7f52a;text-align:left;font-size:14px;text-decoration:underline;text-decoration-color:#677738;text-underline-offset:6px}
.access-caption{font-size:12px;color:#b7c8dd;margin:9px 0 0}
.body-setup h2{position:absolute;left:8%;top:14%}
.setup-story{position:absolute;left:8%;top:41%;width:36%;max-width:540px}
.setup-story nav{display:flex;gap:18px;margin-bottom:22px}
.setup-story nav button{width:48px;height:48px;border-radius:50%;border:1px solid #6b849c;background:#06102470;color:#cbd7e6;font-size:18px;font-variant-numeric:tabular-nums;transition:background .2s var(--ease-out),color .2s var(--ease-out)}
.setup-story nav button[aria-current]{background:#d7f52a;border-color:#d7f52a;color:#061024}
.setup-text h3{font-family:'Familjen Grotesk';font-size:32px;letter-spacing:-.025em;line-height:1.1;margin:0 0 13px}
.setup-text p{font-size:18px;max-width:34ch;margin:0;color:#d2dfee}
.setup-price{position:absolute;left:8%;bottom:13%;width:42%;max-width:600px}
.setup-price>p:first-child{font-size:17px;margin:0 0 10px}
.setup-price strong{display:block;font-family:'Familjen Grotesk';font-weight:500;font-size:43px;letter-spacing:-.04em;line-height:1.05;margin-top:5px}
.setup-price>p:nth-child(2){font-size:14px;max-width:44ch;margin:0 0 10px;color:#d5e1ef}
.setup-price small{display:block;font-size:11px;max-width:52ch;line-height:1.4;color:#b5c6dc}
.body-tandem h2{position:absolute;left:8%;top:18%;max-width:680px}
.tandem-copy{position:absolute;left:8%;top:46%;width:39%;max-width:530px}
.tandem-copy p{font-size:21px;margin:0 0 25px;color:#e3ebf6}
.tandem-talk{position:absolute;left:8%;bottom:15%;min-height:48px;display:inline-flex;align-items:center;font-size:16px;color:#d7f52a;text-decoration:underline;text-underline-offset:7px}
#body-details{position:absolute;inset:0;z-index:1;pointer-events:none;width:100%;height:100%}
.body-fallback{object-position:center 54%!important;max-height:100%;object-fit:contain!important}
@media(hover:hover) and (pointer:fine){.key-hit:hover{border-color:#e4f0ff}.body-approve:hover{background:#d7f52a;color:#061024}.setup-story nav button:hover{border-color:#e7f4ff;color:#e7f4ff}.setup-story nav button[aria-current]:hover{color:#061024}.access-actions button:hover,.tandem-talk:hover{color:#fff}}
@media(max-width:700px){
 #reise{height:2100svh}
 .journey-nav{left:20px;right:20px;max-width:calc(100% - 40px);gap:19px;bottom:max(10px,env(safe-area-inset-bottom));mask-image:linear-gradient(90deg,#000 93%,transparent)}
 .journey-nav a{font-size:11px;min-height:48px}
 .scene[class*="body-"]::before{background:linear-gradient(180deg,#041020cf 8%,#041020bb 30%,#04102018 59%,#041020b8 88%)}
 .scene[class*="body-"] h2{font-size:48px;line-height:1.01;letter-spacing:-.045em}
 .return-view h2{left:24px;top:62%;font-size:43px}
 .body-copy{left:24px;right:24px;top:14%;width:auto;max-width:none}
 .body-copy>p{font-size:16px;margin-top:24px;max-width:31ch}
 .body-copy .body-detail{font-size:14px;margin-top:15px;max-width:30ch}
 .body-tasks h2{left:24px;top:13%;font-size:46px}
 .task-river{left:24px;top:29%;width:calc(100% - 48px)}
 .task-river p{grid-template-columns:1fr;gap:2px;margin-bottom:10px}
 .task-river span{font-size:22px;line-height:1.06}
 .task-river small{font-size:12px;line-height:1.25;max-width:40ch;padding-top:0}
 .task-permission{left:24px;bottom:11%;font-size:13px;max-width:32ch}
 .body-tasks::before{background:linear-gradient(90deg,#041020ef,#041020ba 65%,#04102022)!important}
 .body-process h2{left:24px;top:14%;font-size:47px}
 .process-words{left:24px;top:35%;width:80%}
 .process-words li{margin-bottom:21px;grid-template-columns:18px 1fr;gap:6px 9px}
 .process-words span{font-size:25px}
 .process-words small{font-size:13px;margin-top:0}
 .body-approve{left:24px;top:auto;bottom:17%;font-size:14px;padding:11px 17px}
 .approval-status{left:24px;top:auto;bottom:11%;font-size:12px;max-width:39ch}
 .safety-copy{top:13%;left:24px;right:24px;width:auto}
 .safety-copy>p{font-size:15px;margin-top:17px;max-width:36ch;line-height:1.48}
 .key-experience{left:43%;top:43%;width:220px;height:220px}
 .key-hit{width:44px;height:58px}
 .access-example{left:24px;right:24px;bottom:11%;width:auto;max-width:none}
 .access-example>p:first-child{font-size:20px;max-width:31ch;margin-bottom:6px}
 .access-actions{gap:20px}.access-actions button{font-size:12px}
 .access-caption{font-size:11px;margin-top:5px}
 .body-setup h2{left:24px;top:13%;font-size:46px}
 .setup-story{left:24px;right:24px;top:31%;width:auto}
 .setup-story nav{gap:14px;margin-bottom:17px}
 .setup-text h3{font-size:27px;margin-bottom:10px}
 .setup-text p{font-size:15px;max-width:34ch}
 .setup-price{left:24px;right:24px;bottom:11%;width:auto}
 .setup-price>p:first-child{font-size:14px;margin-bottom:8px}
 .setup-price strong{font-size:36px;margin-top:2px}
 .setup-price>p:nth-child(2){font-size:12px;max-width:42ch;margin-bottom:8px}
 .setup-price small{font-size:10px;max-width:43ch}
 .body-tandem h2{left:24px;right:24px;top:14%;font-size:43px}
 .tandem-copy{left:24px;right:24px;top:39%;width:auto}
 .tandem-copy p{font-size:17px;max-width:32ch;margin-bottom:22px}
 .tandem-talk{left:24px;bottom:13%;font-size:15px}
}
@media(max-height:740px) and (max-width:700px){
 .scene[class*="body-"] h2{font-size:39px}.body-copy>p{font-size:14px;margin-top:15px}.body-copy .body-detail{font-size:12px}
 .task-river{top:29%}.task-river p{margin-bottom:8px}.task-river span{font-size:19px}.task-river small{font-size:10px}.task-permission{font-size:11px}
 .process-words li{margin-bottom:16px}.process-words span{font-size:22px}.process-words small{font-size:11px}
 .safety-copy>p{font-size:13px;margin-top:14px}.key-experience{width:180px;height:180px;top:44%;left:46%}.access-example>p:first-child{font-size:17px}
 .setup-story nav{margin-bottom:12px}.setup-text h3{font-size:23px}.setup-text p{font-size:13px}.setup-price strong{font-size:31px}.setup-price>p:nth-child(2){font-size:11px}
 .tandem-copy p{font-size:15px;margin-bottom:17px}
}
@media(prefers-reduced-motion:reduce){[data-ink]{mask-image:none!important;-webkit-mask-image:none!important}.task-river p{transform:none!important;opacity:1!important}.key-experience{transform:none!important}}
.motion-paused [data-ink]{mask-image:none!important;-webkit-mask-image:none!important}