:root{--sand:#eee4d4;--paper:#f5efe5;--ink:#302b26;--muted:#716452;--gold:#95713b;--line:#9e856244;--display:'Newsreader',Georgia,serif;--body:Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--edge:clamp(24px,4.4vw,76px);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ac9877 #eae0d0}body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.6 var(--body)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #84602e;outline-offset:7px}img{max-width:100%}h1,h2,h3,p{margin:0}button:disabled{cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;inset:10px auto auto 10px;padding:12px 20px;background:white;z-index:100;transform:translateY(-200%)}.skip:focus{transform:none}
.masthead{position:fixed;z-index:12;top:0;inset-inline:0;height:108px;padding:20px var(--edge);display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0;direction:ltr;mix-blend-mode:multiply}.brand-star{width:34px;height:34px;object-fit:contain}.original-type{width:170px;height:50px;position:relative;overflow:hidden;display:block}.original-type img{position:absolute;width:242px;max-width:none;height:181.5px;left:-35.1px;top:-111.3px}.masthead nav{display:flex;align-items:center;gap:33px;font:11px var(--mono)}.masthead .text-action{margin:0;font-size:10px;border:0;padding:8px 0}.masthead .text-action span{display:none}.language{border-bottom:1px solid #8d765588;padding:5px 0;font-family:var(--body);font-size:13px}.contact-button{display:flex;gap:24px;align-items:center;border:1px solid #85704c66;border-radius:1px;font:10px var(--mono);padding:13px 18px;transition:background .2s}.contact-button:hover{background:#fff4}
.room-stage{position:fixed;inset:0;overflow:hidden;isolation:isolate}.room-environment{position:absolute;inset:-1%;background:#e9dcc7 url('../assets/room/raum-leer.png') center center/cover no-repeat;z-index:-4;transform:scale(1.015);animation:room-enter 1.8s ease-out both}.room-light{position:absolute;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(180deg,#f5eee587 0%,#f5eee510 28%,#f5eee508 52%,#eee3d18a 74%,#f1e7d5e3 100%)}.room-sculpture{position:absolute;width:min(49vw,590px);height:min(49vw,590px);left:50%;top:43%;transform:translate(-50%,-50%);touch-action:pan-y;cursor:grab;z-index:1}.room-sculpture:active{cursor:grabbing}.room-sculpture canvas{position:absolute;width:100%;height:100%;inset:0;display:block;opacity:0;transition:opacity .65s}.star-fallback{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;filter:drop-shadow(7px 9px 9px #57401928);animation:fallback-spin 20s linear infinite;transform-style:preserve-3d}.webgl-ready canvas{opacity:1}.webgl-ready .star-fallback{display:none}.floor-shadow{position:absolute;left:50%;top:65%;width:min(30vw,360px);height:37px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#4d382e31 0%,#634c3522 25%,#6c54320a 55%,transparent 72%);filter:blur(9px);animation:shadow-breathe 6s ease-in-out infinite;z-index:-1;pointer-events:none}.sculpture-hint{position:absolute;left:50%;top:65.5%;transform:translateX(-50%);font:9px var(--mono);letter-spacing:.015em;color:#75654e;opacity:.8;white-space:nowrap;z-index:3}.sculpture-hint span{margin-inline-start:10px}
.chapter-copy{position:absolute;left:50%;top:71%;transform:translate(-50%,20px);width:calc(100% - 160px);text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,transform .65s ease,visibility .55s;z-index:3}.chapter-copy.is-active{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.eyebrow{font:9px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#72634e;margin-bottom:15px}.chapter-copy h1,.chapter-copy h2{font:400 clamp(38px,4.1vw,67px)/.98 var(--display);letter-spacing:-.04em}.chapter-copy em{font-weight:400;color:#806a4d}.text-action{display:inline-flex;align-items:center;gap:24px;font:10px/1.4 var(--mono);border-bottom:1px solid #9a81577a;padding:7px 0 8px;margin-top:18px;transition:color .2s,border-color .2s}.text-action:hover{color:var(--gold);border-color:var(--gold)}.text-action span{font-size:16px;line-height:1}.chapter-nav{position:absolute;inset-inline-end:var(--edge);top:40%;display:flex;flex-direction:column;align-items:flex-end;gap:14px;z-index:5}.chapter-nav button{display:flex;align-items:center;gap:10px;padding:3px 0;color:#94816a;font:9px var(--mono);height:30px}.chapter-name{opacity:0;transform:translateX(5px);font-size:9px;transition:opacity .25s,transform .25s}.chapter-tick{display:block;width:15px;height:1px;background:#a79070;transition:width .3s,background .3s}.chapter-index{width:18px;text-align:end}.chapter-nav button[aria-current=step]{color:#443522}.chapter-nav button[aria-current=step] .chapter-tick{width:32px;background:#4a3820}.chapter-nav button:hover .chapter-name,.chapter-nav button:focus-visible .chapter-name{opacity:1;transform:none}.room-footer{position:absolute;inset-inline:var(--edge);bottom:27px;display:flex;justify-content:space-between;align-items:flex-end;z-index:4;font:9px var(--mono);color:#70624f}.place{display:flex;flex-direction:column;gap:5px;font-size:8px;letter-spacing:.1em}.place>span:first-child{font-size:9px;letter-spacing:.18em}.discover-next{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:17px;white-space:nowrap;font:9px var(--mono);padding:10px}.discover-next>span:last-child{font-size:17px}.motion-toggle{display:flex;gap:8px;align-items:center;font:8px var(--mono);padding:10px 0}.motion-toggle:before{content:'Ⅱ';font:12px Arial}.motion-toggle[aria-pressed=true]:before{content:'▷'}.progress-track{position:absolute;inset-inline-start:0;top:0;width:2px;height:100%;background:#a0886133}.progress-track span{display:block;width:100%;height:100%;background:#947342;transform:scaleY(0);transform-origin:top;transition:transform .15s linear}.chapter-sentinel{height:100svh;min-height:600px;pointer-events:none}#journey{position:relative;pointer-events:none}#journey:focus{outline:none}
dialog{position:fixed;inset:0 0 0 auto;margin:0;border:0;width:min(670px,100vw);height:100%;max-width:none;max-height:none;background:var(--paper);color:var(--ink);padding:0;box-shadow:-25px 0 120px #312a1730;overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#31251a36;backdrop-filter:blur(7px)}dialog[open]{animation:panel-in .35s ease-out both}.dialog-top{position:sticky;top:0;z-index:2;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;background:#f5efe5f0;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.12em}.dialog-top button{display:flex;align-items:center;gap:18px;font:10px var(--mono)}.dialog-top button span{font:30px/1 Arial}.dialog-content{padding:48px 56px}.dialog-content h2{font:400 51px/1.05 var(--display);letter-spacing:-.04em;margin-bottom:28px;outline:none}.dialog-content h3{font:400 31px/1.15 var(--display);letter-spacing:-.02em;margin:20px 0 16px}.dialog-content p:not(.eyebrow){font-size:15px;line-height:1.8;color:#706351;margin-bottom:18px}.dialog-content .intro{font-size:17px!important}.dialog-content .eyebrow{font-size:9px}.service-list{margin-top:31px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:19px 0;display:flex;align-items:center;gap:17px;cursor:pointer;font:400 23px/1.3 var(--display)}summary::-webkit-details-marker{display:none}.service-number{font:9px var(--mono);color:#957d57}.plus{margin-inline-start:auto;font:22px/1 Arial;color:#9f8459;transition:transform .2s}details[open] .plus{transform:rotate(45deg)}.service-body{padding:0 0 25px 33px}.service-body h3{font-size:27px}.service-body .text-action{margin-top:4px}.deliverable-label{margin-top:24px!important}.panel-next{margin-top:30px}.rooted{font-family:var(--display);font-size:25px!important;font-style:italic}.full-original-logo{display:block;width:300px;height:auto;margin:30px auto;mix-blend-mode:multiply}.process-list{padding:0;list-style:none;margin:40px 0}.process-list li{border-top:1px solid var(--line);padding:23px 0 8px}.process-list .eyebrow{margin:0}.process-list h3{margin-top:8px}.process-list .result{border-inline-start:2px solid #b79d72;padding-inline-start:17px;font-size:13px!important}.contact-links{margin-block:38px}.contact-links a{display:grid;grid-template-columns:1fr auto;gap:5px;padding:22px 0;border-bottom:1px solid var(--line)}.contact-links a>span:first-child{font:9px var(--mono);text-transform:uppercase;color:#8c7655;grid-column:1}.contact-links strong{font:400 27px var(--display);grid-column:1}.contact-links a>span:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:25px}.contact-location{font:10px/1.8 var(--mono)!important}.dialog-nav{padding:24px 40px 30px;border-top:1px solid var(--line);display:flex;justify-content:center;flex-wrap:wrap;gap:22px;font:9px var(--mono)}.dialog-nav button{font:inherit;padding:5px 0}
html:lang(ar){--display:'Reem Kufi',sans-serif;--body:'Noto Naskh Arabic',serif;--mono:'Noto Naskh Arabic',serif}html:lang(ar) .chapter-copy h1,html:lang(ar) .chapter-copy h2{font-size:clamp(30px,3vw,48px);line-height:1.4;letter-spacing:0}html:lang(ar) em{font-style:normal}html:lang(ar) .eyebrow{font-size:15px;letter-spacing:0;margin-bottom:7px}html:lang(ar) .chapter-copy .text-action{font-size:15px;margin-top:10px}html:lang(ar) .masthead nav,html:lang(ar) .masthead .text-action,html:lang(ar) .contact-button{font-size:14px}html:lang(ar) .sculpture-hint,html:lang(ar) .discover-next,html:lang(ar) .motion-toggle{font-size:13px}html:lang(ar) .chapter-nav button{font-size:13px}html:lang(ar) .chapter-name{font-size:13px}html:lang(ar) .dialog-content h2{font-size:35px;line-height:1.5;letter-spacing:0}html:lang(ar) .dialog-content h3{font-size:26px;line-height:1.6}html:lang(ar) .dialog-content p:not(.eyebrow){font-size:20px}html:lang(ar) .service-body{padding:0 33px 25px 0}html:lang(ar) .dialog-content summary{font-size:21px;line-height:1.6}html:lang(ar) .dialog-nav,html:lang(ar) .dialog-top button{font-size:15px}html:lang(ar) dialog{inset:0 auto 0 0}
@keyframes fallback-spin{0%{transform:perspective(900px) rotateY(-14deg)}100%{transform:perspective(900px) rotateY(346deg)}}@keyframes shadow-breathe{0%,100%{opacity:.8;transform:translateX(-50%) scaleX(.95)}50%{opacity:.55;transform:translateX(-50%) scaleX(1.06)}}@keyframes room-enter{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1.015)}}@keyframes panel-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}html[data-motion-paused=true] .star-fallback,html[data-motion-paused=true] .floor-shadow{animation-play-state:paused}
@media(min-width:1600px){.room-sculpture{width:640px;height:640px}.chapter-copy{top:72%}}
@media(max-height:780px) and (min-width:761px){.room-sculpture{height:58vh;width:58vh;top:41%}.chapter-copy{top:67.5%}.chapter-copy h1,.chapter-copy h2{font-size:44px}.sculpture-hint{top:63%}.floor-shadow{top:63%}.eyebrow{margin-bottom:8px}.chapter-copy .text-action{margin-top:12px}.masthead{height:85px}.room-footer{bottom:16px}}
@media(max-width:1000px){.room-sculpture{width:min(61vw,570px);height:min(61vw,570px)}.masthead nav{gap:22px}.chapter-copy h1,.chapter-copy h2{font-size:50px}.chapter-nav{inset-inline-end:27px}.chapter-name{display:none}}
@media(max-width:760px){:root{--edge:24px}.masthead{height:84px;padding-block:14px}.brand{gap:7px}.brand-star{width:28px;height:28px}.original-type{width:143px;height:43px}.original-type img{width:203.6px;height:152.7px;left:-29.5px;top:-93.6px}.masthead nav{gap:20px}.masthead nav>.text-action,.contact-button{display:none}.language{font-size:13px}.room-environment{background-position:50% 50%}.room-light{background:linear-gradient(180deg,#f5eee5a3,#f5eee510 28%,#f5eee508 52%,#eee3d1a3 73%,#f1e7d5ed)}.room-sculpture{width:92vw;height:92vw;max-width:510px;max-height:510px;top:39%}.sculpture-hint{top:62%;font-size:8px}.floor-shadow{top:61%;width:53vw}.chapter-copy{top:69%;width:calc(100% - 40px)}.chapter-copy h1,.chapter-copy h2{font-size:clamp(33px,8.2vw,49px);letter-spacing:-.04em}.chapter-copy .eyebrow{font-size:8px;letter-spacing:.07em;max-width:85%;margin:0 auto 13px}.chapter-copy .text-action{margin-top:17px;font-size:9px}.chapter-nav{top:auto;bottom:92px;left:50%;right:auto;transform:translateX(-50%);flex-direction:row;gap:14px;direction:ltr}.chapter-nav button{height:22px;gap:0;padding:6px}.chapter-index{display:none}.chapter-tick{width:14px!important;height:2px;background:#b09a7a}.chapter-nav button[aria-current=step] .chapter-tick{background:#665033}.room-footer{bottom:18px;align-items:flex-end}.place{font-size:6px;gap:3px}.place>span:first-child{font-size:8px}.discover-next{font-size:8px;gap:7px;bottom:26px}.discover-next>span:last-child{font-size:15px}.motion-toggle{font-size:7px;padding-bottom:2px}.room-footer .place{padding-bottom:3px}.dialog-top{padding:19px 25px}.dialog-content{padding:32px 27px}.dialog-content h2{font-size:42px}.dialog-content h3{font-size:29px}.dialog-content p:not(.eyebrow){font-size:15px}.dialog-nav{padding-inline:24px}.service-body{padding-inline-start:0}.contact-links strong{font-size:25px}html:lang(ar) .chapter-copy h1,html:lang(ar) .chapter-copy h2{font-size:30px;line-height:1.45}html:lang(ar) .chapter-copy .eyebrow{font-size:13px;margin-bottom:3px}html:lang(ar) .chapter-copy .text-action{font-size:14px;margin-top:10px}html:lang(ar) .discover-next{font-size:12px}html:lang(ar) .motion-toggle{font-size:11px}html:lang(ar) .service-body{padding-inline-start:0}}
@media(max-width:760px) and (max-height:740px){.room-sculpture{top:35%;height:59svh;width:59svh;max-width:92vw;max-height:92vw}.chapter-copy{top:63%}.chapter-copy h1,.chapter-copy h2{font-size:34px}.sculpture-hint{top:57%}.floor-shadow{top:57%}.chapter-nav{bottom:74px}.discover-next{bottom:20px}.chapter-copy .text-action{margin-top:8px}.chapter-copy .eyebrow{margin-bottom:8px}.room-footer{bottom:12px}.masthead{height:72px}html:lang(ar) .chapter-copy h1,html:lang(ar) .chapter-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.star-fallback{transform:perspective(900px) rotateY(-14deg)}}

/* Keep the original white-backed wordmark integrated into the room. */
.masthead{mix-blend-mode:multiply}.brand{mix-blend-mode:normal}.sculpture-hint{top:67%}
@media(max-height:780px) and (min-width:761px){.sculpture-hint{top:63%}}
@media(max-width:760px){.sculpture-hint{top:62%}}
@media(max-width:760px) and (max-height:740px){.sculpture-hint{top:57%}}
[hidden]{display:none!important}
/* Readable controls, compact viewports and a clear return direction. */
.text-action{font-size:11px}.masthead .text-action{font-size:11px}.motion-toggle{font-size:9px}.room-footer{font-size:10px}
body[data-chapter="3"] .discover-next>span:last-child{transform:rotate(180deg)}
@media(max-width:760px){.chapter-copy .text-action{font-size:11px}.motion-toggle{font-size:8px}.discover-next{font-size:9px}}
@media(max-height:550px) and (min-width:761px){.masthead{height:66px}.room-sculpture{top:37%;width:53vh;height:53vh}.floor-shadow{top:61%;height:20px}.sculpture-hint{display:none}.chapter-copy{top:65%}.chapter-copy h1,.chapter-copy h2{font-size:29px}.chapter-copy .eyebrow{font-size:7px;margin-bottom:5px}.chapter-copy .text-action{margin-top:6px;padding-block:4px;font-size:9px}.room-footer{bottom:13px}.discover-next{position:static;transform:none}.place{font-size:7px}}

/* Leave a clear gap between the chapter action and navigation on short phones. */
@media(max-width:760px) and (max-height:610px){
 .chapter-copy{top:auto;bottom:108px}
 .chapter-copy h1,.chapter-copy h2{font-size:30px}
 .chapter-copy .eyebrow{margin-bottom:6px}
 .chapter-copy .text-action{margin-top:6px;font-size:10px}
 .sculpture-hint{top:53%}
 html:lang(ar) .chapter-copy h1,html:lang(ar) .chapter-copy h2{font-size:23px;line-height:1.4}
 html:lang(ar) .chapter-copy .eyebrow{font-size:11px;margin-bottom:4px}
 html:lang(ar) .chapter-copy .text-action{font-size:13px;margin-top:6px}
}