/* A continuous vertical gallery, using the same photographic relief as desktop. */
.mobile-service-wall{display:none}
a.room-sculpture:focus-visible{outline:2px solid #173b50;outline-offset:6px;border-radius:8px}
@media(max-width:760px){
 html[data-entry=services]:not([data-wall-camera-placed=true]) .wall-plane{
  --wall-entry-width:max(103.5vw,calc(103.5vh * 1672 / 941));
  --wall-entry-height:max(103.5vh,calc(103.5vw * 941 / 1672));
  left:calc((100vw - var(--wall-entry-width)) / 2);top:calc((100vh - var(--wall-entry-height)) / 2)
 }
 html[data-view=services] .decoder{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;pointer-events:auto;padding:190px 0 74px;scroll-padding-top:190px;scrollbar-width:thin;scrollbar-color:#99774455 transparent;transition:none;background:#edd7b9 url('../assets/room/wand-ohne-zeichen.png') 50% 0 / auto 160svh no-repeat}
 html[data-view=services] .decoder-field,
 html[data-view=services] .wall-pan,
 html[data-view=services] .wall-pan-hint,
 html[data-view=services] .decoder-toolbar,
 html[data-view=services] .wall-cinema,
 html[data-view=services] .wall-reference{display:none!important}
 html[data-view=services] .room-sculpture{position:fixed;z-index:11;left:50%;top:126px;width:66px;height:66px;max-width:none;max-height:none;transform:translate(-50%,-50%);transition:none;touch-action:pan-y}
 html[data-view=services] .masthead.site-header{background:#f2e3cdee;mix-blend-mode:normal;backdrop-filter:blur(12px)}
 html[data-view=services] .room-stage::after{content:'';position:absolute;z-index:8;inset:75px 0 auto;height:112px;pointer-events:none;background:linear-gradient(#f2e3cdec 0%,#f2e3cdd9 65%,#f2e3cd00)}
 html[data-view=services] .room-footer{z-index:9;position:fixed;inset:auto 0 0;bottom:0;padding:5px 20px max(5px,env(safe-area-inset-bottom));min-height:44px;justify-content:flex-end;background:linear-gradient(#f2e3cd00,#f2e3cde8 30%);pointer-events:none}
 html[data-view=services] .room-footer .motion-toggle{pointer-events:auto;font-size:12px}
 html[data-view=services] .room-footer .place{display:none}
 html[data-view=services] .progress-track{display:none}
 html[data-view=services] .mobile-service-wall{display:block;position:relative;max-width:540px;margin:0 auto;direction:ltr}
 .mobile-wall-intro{margin:0 24px 20px;display:flex;align-items:center;justify-content:center;gap:12px;font:12px/1.6 var(--mono);color:#644b30;text-align:center}
 html:lang(ar) .mobile-wall-intro{font:19px/1.6 var(--body);direction:rtl}
 .mobile-service-list{list-style:none;padding:0;margin:0}
 .mobile-service-list>li{margin:0;padding:0}
 .mobile-service-button{position:relative;display:block;width:100%;min-height:150px;height:clamp(150px,38vw,200px);padding:0;border:0;background:none;cursor:pointer;touch-action:pan-y;color:#604324;isolation:isolate}
 .mobile-inscription{position:absolute;top:4px;inset-inline:0;display:block;width:100%;height:auto;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
 .mobile-service-arrow{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);display:grid;place-content:center;width:30px;height:30px;border:1px solid #81613c88;border-radius:50%;background:#f3e1c67a;font:18px/1 var(--body);transition:background .2s,border-color .2s}
 .mobile-service-button:hover .mobile-service-arrow,.mobile-service-button:focus-visible .mobile-service-arrow{background:#173b50;color:#fff4df;border-color:#173b50}
 .mobile-service-button:focus-visible{outline:2px solid #173b50;outline-offset:-8px;border-radius:6px}
 .mobile-stone-cell{opacity:1}
 html[data-mobile-wall-ready=true] .mobile-service-button:not(.is-revealed) .mobile-stone-cell{opacity:0}
 html[data-mobile-wall-ready=true] .mobile-service-button.is-revealed .mobile-stone-cell{animation:mobile-stone-decode 700ms ease-out var(--stone-delay) both}
 .mobile-wall-end{margin:24px 24px 0;padding:26px 0;border-top:1px solid #8b6a3f40;text-align:center;font:italic 21px/1.5 var(--display);color:#765a38;direction:inherit}
 html:lang(ar) .mobile-wall-end{font:22px/1.7 var(--body);direction:rtl}
 html[data-motion-paused=true] .mobile-stone-cell{animation-play-state:paused!important}
 html[data-mobile-wall-ready=true] .mobile-service-button.is-settled .mobile-stone-cell,html[data-user-motion-paused=true] .mobile-stone-cell,html[data-reduced-motion=true] .mobile-stone-cell{animation:none!important;opacity:1!important}
}
@keyframes mobile-stone-decode{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.mobile-stone-cell{animation:none!important;opacity:1!important}}