/* A continuous spatial language below the established hero. */
[data-spatial]{--travel:0;--reveal:1}
.living-page .architecture-work{padding:80px 5vw 50px;background:#fff}.living-page .arch-work-heading{margin:45px 0 60px}.living-page .portal-gallery{display:block}.living-page .portal{display:grid!important;grid-template-columns:66% 1fr;gap:6%;align-items:center;padding:48px 0 70px!important;border-top:1px solid #c8d6e7;margin:0!important;overflow:visible}.living-page .portal:nth-child(2){grid-template-columns:1fr 66%}.portal:nth-child(2) .work-stage{grid-column:2;grid-row:1}.portal:nth-child(2) .portal-caption{grid-column:1;grid-row:1}.living-page .portal .portal-caption{padding:20px 0;transform:translateY(calc(var(--travel)*-25px))}.living-page .portal .portal-caption h3{font-size:clamp(30px,3.2vw,48px);line-height:1.06}.living-page .portal .portal-caption p{font-size:17px;line-height:1.6}.living-page .portal .portal-caption>span{font-size:10px}.living-page .portal .portal-caption a{font-size:13px;display:inline-block;padding:12px 0;min-height:44px}.living-page .portal .portal-caption nav{display:flex;gap:25px}
.living-page .portal .work-stage{position:relative;display:block;height:550px;padding:0!important;overflow:hidden;border:1px solid #d5e0ec;border-radius:0;background:radial-gradient(ellipse at 45% 65%,#e9c18145,transparent 75%),#edf3fa;box-shadow:12px 18px 0 #f1f5fa;perspective:1600px;transform:none!important}.living-page .portal-mp .work-stage,.living-page .portal-ptyqaj .work-stage{background:radial-gradient(ellipse at 45% 65%,#b4c9d94d,transparent 75%),#edf3fa}.stage-index{position:absolute;top:-24px;left:15px;font:600 150px ThalexPlex;color:#ccd9e84d;letter-spacing:-.09em}.work-screen{position:absolute;width:80%;left:5%;top:17%;aspect-ratio:1.5;background:#fff;box-shadow:12px 25px 40px #0d235130;transform:translateY(calc(var(--travel)*-20px)) rotateY(calc(-5deg + var(--travel)*4deg));overflow:hidden}.work-screen>img{width:100%;height:100%;object-fit:contain}.portal-ptyqaj .work-screen{aspect-ratio:1.748}.work-phone{position:absolute;width:22%;aspect-ratio:390/844;right:4%;bottom:6%;border:5px solid #0d2351;border-radius:22px;background:#0d2351;box-shadow:0 18px 30px #0d235135;overflow:hidden;transform:translateY(calc(var(--travel)*-42px)) rotate(calc(6deg - var(--travel)*4deg));z-index:2}.work-phone>img{width:100%;height:100%;object-fit:cover;object-position:top}.work-phone:after{content:'';position:absolute;top:3px;left:34%;width:32%;height:6px;background:#0d2351;border-radius:0 0 5px 5px;z-index:3}.work-tag{position:absolute;left:5%;bottom:8%;display:flex;align-items:center;gap:40px;background:white;box-shadow:5px 8px 20px #0d235115;padding:15px 20px;font-size:9px;letter-spacing:.08em;transform:translateY(calc(var(--travel)*10px)) rotate(-2deg)}.work-tag b{font-size:23px;font-weight:400}.work-original{position:absolute;left:0;top:0;max-width:none;border:0;transform-origin:0 0;pointer-events:none;visibility:hidden;background:#fff}.work-original.ready{visibility:visible}
.living-page .services{background:#0d2351;color:white;padding:80px 5vw}.living-page .services h2{color:white}.living-page .services>.section-label{color:#c7d8ed}.living-page .service-rows{margin-top:60px}.living-page .service-rows article{border-color:#547196}.living-page .service-rows h3,.living-page .service-rows p,.living-page .service-rows a{color:#f0f5fb}.living-page .service-count{color:#a4bedf;-webkit-text-stroke:0}.living-page .service-rows button{color:white;border-color:#7895bc}
.service-theatre{margin-top:45px}.service-tabs{display:flex;border-bottom:1px solid #547196;gap:35px}.service-tabs button{padding:15px 0;min-height:48px;font-size:14px;color:#bed0e7;border-bottom:3px solid transparent}.service-tabs button[aria-pressed=true]{border-color:white;color:white}.service-stage{height:460px;position:relative;overflow:hidden;perspective:1500px;background:linear-gradient(130deg,#173c6a,#0d2351 70%)}.service-display{position:absolute;left:14%;top:12%;width:55%;padding:40px;color:#0d2351;background:white;box-shadow:18px 22px 0 #ffffff12;transform:rotateY(-7deg) rotate(-2deg);transition:transform .8s cubic-bezier(.2,.7,.12,1)}.service-display>.eyebrow{font-size:9px}.living-page .service-display h3{font-size:36px;margin:24px 0 15px}.service-display>p{font-size:15px;line-height:1.6}.service-mini{display:flex;gap:12px;margin-top:24px}.service-mini i{height:25px;background:#dce9f9;width:33%;transition:width .8s,background .8s}.service-slip{position:absolute;right:10%;bottom:15%;width:32%;padding:28px;background:#d7e7fc;color:#0d2351;box-shadow:0 18px 35px #07142d50;transform:rotate(5deg);transition:transform .8s,background .8s}.service-slip span{font-size:9px;letter-spacing:.08em}.service-slip strong{display:block;font-size:22px;line-height:1.3;margin-top:13px}.service-orbit{position:absolute;width:420px;height:420px;border:1px solid #6c8db33d;border-radius:50%;left:6%;top:10%;transform:translateX(calc(var(--travel)*45px))}.service-orbit:after{content:'';position:absolute;inset:35px;border:1px solid #6c8db333;border-radius:50%}.service-stage[data-mode='1'] .service-display{transform:translateX(-6%) rotateY(5deg) rotate(1deg)}.service-stage[data-mode='1'] .service-slip{transform:translateY(-30px) rotate(-3deg);background:#eef5ff}.service-stage[data-mode='1'] .service-mini i:nth-child(2){width:65%;background:#709ac8}.service-stage[data-mode='2'] .service-display{transform:translateX(10%) rotateY(-3deg) rotate(0)}.service-stage[data-mode='2'] .service-slip{transform:translateX(-30px) rotate(2deg);background:#dce8f5}.scene-disclosure{position:absolute;bottom:17px;left:4%;font-size:10px;color:#b7cce6}
.living-page .consult{padding:85px 5vw;background:#eef4fb}.consult .request-bridge{padding:50px 0 65px;gap:7%;background:transparent}.consult .bridge-copy h2{font-size:32px}.consult .bridge-copy>p:last-child{font-size:16px}.living-page .poster-lab{position:relative;padding:35px;background:white;border:1px solid #c6d6e8;box-shadow:10px 14px 0 #dce7f5;transform:translateY(calc(var(--travel)*-12px));margin:25px 0}.living-page .poster-result-stage{min-height:150px}.living-page .poster-echo{opacity:.12;transform:translate(12px,28px)!important}.living-page .poster-lab-input{align-self:center}
.living-page .person{background:#fff;padding:85px 5vw}.living-page .person-grid{gap:8%;align-items:center;margin-top:45px}.living-page .person-statement{position:relative;background:#0d2351;color:white;padding:55px 35px;box-shadow:16px 20px 0 #dfe9f6;transform:translateY(calc(var(--travel)*-20px)) rotate(calc(-2deg + var(--travel)*2deg));overflow:visible}.living-page .person-statement h2,.living-page .person-statement h2 em{color:#fff;font-size:clamp(33px,3.3vw,49px)}.living-page .person-statement .quote-mark{color:#5275a1;font-size:120px;line-height:.8;display:block}.living-page .person-copy{transform:translateY(calc(var(--travel)*14px))}.living-page .person-copy h3{font-size:30px;line-height:1.15}.living-page .steps{gap:28px;margin-top:80px}.living-page .steps article{padding:30px;background:#f0f5fb;border:1px solid #d5e1ed;box-shadow:7px 10px 0 #e5edf7;transform:translateY(calc(var(--travel)*var(--step-depth,12px)))}.living-page .steps article:nth-child(2){--step-depth:-20px}.living-page .steps article:nth-child(3){--step-depth:-42px}.living-page .steps h3{font-size:26px}.living-page .faq{padding:70px 5vw;border-top:1px solid #d5e0ed}.living-page .faq h2{font-size:42px}
.living-page .contact{position:relative;isolation:isolate;padding:85px 6vw;background:#0d2351;color:#fff;overflow:hidden}.contact-panels{display:block!important;position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.contact-panels span{position:absolute;top:-10%;bottom:-10%;width:52%;background:linear-gradient(120deg,#274d7a,#10294f);border:1px solid #ffffff12;box-shadow:0 0 60px #07172b60;transform:translateX(calc(var(--reveal)*-86%)) rotate(-5deg)}.contact-panels span:last-child{right:0;transform:translateX(calc(var(--reveal)*86%)) rotate(5deg)}.living-page .contact .section-label,.living-page .contact-big,.living-page .contact-bottom,.living-page .contact-bottom a{color:white}.living-page .contact-big{font-size:clamp(62px,8vw,110px);position:relative}.living-page .contact-bottom{border-color:#547196}.contact a,.contact button,.contact input{position:relative}.contact #calendar-root{position:relative}.contact .calendar-widget{color:#0d2351}
.motion-paused [data-spatial]{--travel:0!important;--reveal:1!important}.motion-paused .service-display,.motion-paused .service-slip,.motion-paused .service-mini i{transition:none}
@media(max-width:760px){.living-page .architecture-work,.living-page .services,.living-page .consult,.living-page .person,.living-page .faq{padding:50px 6vw}.living-page .arch-work-heading{margin:28px 0 35px}.living-page .portal,.living-page .portal:nth-child(2){display:flex!important;flex-direction:column;gap:20px;padding:28px 0 42px!important;align-items:stretch}.living-page .portal .work-stage{height:330px;box-shadow:6px 10px 0 #f1f5fa}.work-screen{width:83%;top:16%;left:4%;transform:translateY(calc(var(--travel)*-9px)) rotate(-1deg)}.work-phone{width:26%;border-width:3px;border-radius:12px;right:3%;bottom:8%;transform:translateY(calc(var(--travel)*-18px)) rotate(5deg)}.work-phone:after{height:4px;top:2px}.work-tag{font-size:7px;padding:10px 12px;bottom:8%;left:4%;gap:20px}.stage-index{font-size:105px;top:-12px}.living-page .portal .portal-caption{transform:none;padding:10px 0}.living-page .portal .portal-caption h3{font-size:31px;margin:12px 0}.living-page .portal .portal-caption p{font-size:16px}.service-tabs{gap:16px;justify-content:space-between}.service-tabs button{font-size:10px}.service-stage{height:440px}.service-display{left:5%;top:8%;width:82%;padding:25px}.living-page .service-display h3{font-size:28px}.service-display>p{font-size:14px}.service-slip{right:5%;bottom:10%;width:66%;padding:22px}.service-slip strong{font-size:18px}.scene-disclosure{font-size:8px;left:5%;right:5%;bottom:12px}.service-stage[data-mode='2'] .service-display{transform:rotate(1deg)}.service-stage[data-mode='2'] .service-slip{transform:translateX(-12px) rotate(-2deg)}.consult .request-bridge{padding:35px 0 45px}.living-page .poster-lab{padding:25px;display:block;margin-top:15px}.living-page .poster-result{margin-top:30px}.living-page .poster-lab-action{margin-top:28px}.living-page .poster-result-stage{min-height:105px}.living-page .person-grid{display:block}.living-page .person-statement{padding:35px 25px;box-shadow:9px 13px 0 #dfe9f6}.living-page .person-statement h2{font-size:33px}.living-page .person-copy{margin-top:45px;transform:none}.living-page .person-copy h3{font-size:27px}.living-page .steps{display:grid;grid-template-columns:1fr;gap:25px;margin-top:45px}.living-page .steps article{padding:25px;transform:translateY(calc(var(--travel)*-8px))}.living-page .faq h2{font-size:34px}.living-page .contact{padding:60px 6vw}.contact-panels span{width:60%}.living-page .contact-big{font-size:60px}.living-page .contact-bottom{font-size:14px}}
@media(prefers-reduced-motion:reduce){[data-spatial]{--travel:0!important;--reveal:1!important}.service-display,.service-slip,.service-mini i{transition:none!important}}
/* Separate the readable card text from its floating result layer. */
.service-display{left:8%;width:54%}.service-slip{right:4%;width:28%}.living-page .contact-arrow{transform:none!important}
@media(max-width:760px){.service-stage{height:570px}.service-display{left:5%;width:82%;top:6%}.service-slip{right:5%;width:72%;bottom:9%}.service-stage[data-mode='1'] .service-slip{transform:rotate(-3deg)}}
.living-page .portal .work-stage{width:100%;max-width:none;margin:0;align-self:stretch}
.living-page .person .person-statement{background:#0d2351!important;box-shadow:16px 20px 0 #dfe9f6!important;transform:translateY(calc(var(--travel)*-20px)) rotate(calc(-2deg + var(--travel)*2deg))!important;rotate:0!important;translate:0!important}
@media(max-width:760px){.living-page .person .person-statement{box-shadow:9px 13px 0 #dfe9f6!important}}
/* v33: remove inherited pale depth gradient; readable navy service rows. */
.living-page .services .service-rows article{background:#0d2351!important;border-color:#476080;box-shadow:none}
.living-page .services .service-rows h3{color:#fff}
.living-page .services .service-rows p,.living-page .services .service-rows a{color:#dce7f5}
.living-page .services .service-count{font-family:ThalexPlex,Arial,sans-serif;font-size:15px;font-weight:500;color:#a4bedf;-webkit-text-stroke:0;line-height:1.4;padding-top:7px}
.living-page .services .service-rows button{background:transparent;color:#fff;border-color:#8ea8c9}
.living-page .services .service-rows button:hover{background:#fff;color:#0d2351}
@media(max-width:760px){.living-page .services .service-rows article{grid-template-columns:28px 1fr 38px;gap:14px}.living-page .services .service-count{font-size:13px;padding-top:6px}.living-page .services .service-rows h3{font-size:26px}.living-page .services .service-rows article>div{grid-column:2/4}}

/* THAL-616 (2026-10-09, Befund Alex): poster.css setzt fuer .portal:nth-child(3) column-gap 15px und
   ist spezifischer als das Raster oben -- Text klebte an der Schattenkante der MP- und Ptyqaj-Buehne.
   Abstand fuer alle Projekte wie bei Feira (6 %); Spaltenaufteilung unveraendert. */
.living-page .portal:nth-child(n){column-gap:6%}