/* One atmosphere from the approved hero to the final invitation.
   Load last. Section geometry, media and scroll choreography stay independent. */
body{background:#141519}
body::before{
 content:'';position:fixed;inset:-12%;z-index:-1;pointer-events:none;
 background:
  radial-gradient(ellipse at 89% 57%,#9e2d3466 0%,transparent 54%),
  radial-gradient(ellipse at 16% 21%,#65778e45 0%,transparent 52%),
  radial-gradient(ellipse at 24% 94%,#8a242d38 0%,transparent 49%),
  linear-gradient(120deg,#16191f 5%,#1b1a23 50%,#241b24 100%);
 transform:none;
}
.ambient-field{z-index:0}
.ambient-field .ambient-light{
 inset:-24%;
 background:radial-gradient(ellipse at 86% 64%,#ba3c3b45,transparent 48%),radial-gradient(ellipse at 19% 29%,#8a9fbb24,transparent 46%);
}

/* The global backdrop and reactions remain visible between the objects.
   Opaque surfaces belong to individual posts and forms, never whole chapters. */
.feed-journey,.fold-portal,.event-posts,.social-highlights,.social-process,
.studio-team,.studio-contact,.tail-footer.studio-footer{background:transparent}
.studio-team::before{background:none}
.social-highlights::before{
 inset:3% -22% -7% 31%;border-radius:50%;
 background:radial-gradient(ellipse at 55% 55%,#b6312b38,transparent 67%);
 box-shadow:none;transform:rotate(-13deg);
}
.social-process::before{
 background:linear-gradient(140deg,#b6312b26,#a6b3c912 57%,transparent 80%);
 border-color:#a6b3c91e;box-shadow:none;
}
.studio-contact::before{border-color:#a6b3c92e}
.studio-contact::after{border-color:#e6948d33}

/* Dark working posts carry the same material as the device and story frame. */
.social-process-slide{background:#222932;color:#f4f5f6;box-shadow:16px 30px 44px #03050a66}
.social-post-author{background:#29313c}
.social-post-author>span{color:#c3cedd}
.social-post-author strong{color:#f4f5f6}
.social-process-copy h3{color:#f4f5f6}
.social-process-copy p{color:#d1dbe7}
.social-process-output{color:#f6b6b1}
.social-process-copy .text-link{color:#ffb2a9}
.social-process-copy .text-link:hover{color:#fff}
.social-process .social-process-copy a:focus-visible{outline-color:#ffb2a9}
.social-carousel-track{scrollbar-color:#ef9188 #29313c}

.studio-team,.studio-team h2,.studio-team .studio-person,.studio-team .tail-people h3{color:#f4f5f6}
.studio-team .studio-person-making h3{color:#ffa297}
.studio-team .tail-team-intro>p,.studio-team .tail-people .tail-role,.studio-team .tail-people article>p:last-child{color:#d1dbe7}
.studio-team .studio-local-word{color:#b7c7dd0e}
.studio-team-join{color:#e4746942}
.studio-team .tail-people::before{background:linear-gradient(#a6b3c947,transparent)}
.studio-team :is(a,button):focus-visible{outline-color:#ffb2a9}
.studio-contact,.studio-contact h2{color:#f4f5f6}
.studio-contact .s-contact-copy>p{color:#d1dbe7}
.studio-contact .m-contact-panel.inquiry-panel{
 background:linear-gradient(145deg,#303640,#1b2029 72%);
 box-shadow:18px 32px 58px #07070f80;
}
.studio-contact .inquiry-panel .m-button{background:#f4f5f6;color:#181a1d}
.studio-contact .inquiry-panel .m-button:hover{background:#dce5f0}
.studio-conversation svg{color:#f0a79d}
.tail-footer.studio-footer{color:#c5cfdd}
.studio-footer .m-footer-top{border-top:1px solid #a6b3c92b}
.studio-footer .team-social,.studio-footer .m-footer-bottom{border-color:#a6b3c92b}

/* Six bounded proof paths: four event quotes and two historical post metrics.
   All are decorative repeats with provenance. Hero/fold visibility rules stay. */
.ambient-proof.proof-one{--x:80%;--duration:17s;--delay:-5s;--alpha:.08}
.ambient-proof.proof-two{--x:4%;--duration:21s;--delay:-14s;--alpha:.065}
.ambient-proof.proof-three{--x:42%;--duration:24s;--delay:-9s;--alpha:.055}
.ambient-proof.proof-four{--x:81%;--duration:22s;--delay:-17s;--alpha:.065}
.ambient-proof.proof-five{--x:7%;--duration:25s;--delay:-2s;--alpha:.08;width:242px}
.ambient-proof.proof-six{--x:76%;--duration:19s;--delay:-11s;--alpha:.085;width:214px}
.ambient-proof.proof-five strong{font-size:17px}

@media(max-width:760px){
 body::before{inset:-10%;background:radial-gradient(ellipse at 102% 53%,#9e2d344d,transparent 65%),radial-gradient(ellipse at 6% 11%,#65778e36,transparent 56%),linear-gradient(130deg,#151920,#211b24)}
 .ambient-field .ambient-light{inset:-14%}
 .ambient-proof.proof-one{--x:58%;--alpha:.06;--duration:19s}
 .ambient-proof.proof-two,.ambient-proof.proof-three,.ambient-proof.proof-four,.ambient-proof.proof-six{display:none;animation:none}
 .ambient-proof.proof-five{display:block;width:180px;--x:-6%;--alpha:.06;--duration:25s;--delay:-7s}
 .ambient-proof.proof-five strong{font-size:14px}
 .social-process-slide{box-shadow:10px 21px 32px #03050a55}
}
html[data-motion=reduced] body::before{transform:none}
html[data-motion=reduced] .ambient-proof{display:none;animation:none}
@media(prefers-reduced-motion:reduce){body::before{transform:none}.ambient-proof{display:none!important;animation:none!important}}

/* Stable glass surfaces avoid re-blurring the moving reaction layer on every frame. */
.site-header,.case-proof,.social-pop,.missing-video{backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header{background:#15161bf5}.case-proof{background:linear-gradient(145deg,#39333fdd,#30252ddd)}
.ambient-reaction svg{filter:none}
.event-post-avatar{overflow:hidden}.event-post-avatar.avatar-mm{background:#0a0b0d}.event-post-avatar img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}

.event-post-avatar.avatar-mm img{transform:scale(1.55)}

/* User-supplied Schlagerwunder profile artwork, 2026-11-06. */
.event-post-avatar.avatar-schlager{background:#fcf5ed}
.event-post-avatar.avatar-schlager img{padding:0;object-fit:contain}
/* Keep the fixed atmosphere on one contained layer: no negative-z backdrop tiles. */
.ambient-ready body::before{display:none}
.ambient-ready .ambient-field{background:radial-gradient(ellipse at 89% 57%,#9e2d3466 0%,transparent 54%),radial-gradient(ellipse at 16% 21%,#65778e45 0%,transparent 52%),radial-gradient(ellipse at 24% 94%,#8a242d38 0%,transparent 49%),linear-gradient(120deg,#16191f 5%,#1b1a23 50%,#241b24 100%);transform:translateZ(0)}
@media(max-width:760px){.ambient-ready .ambient-field{background:radial-gradient(ellipse at 102% 53%,#9e2d344d,transparent 65%),radial-gradient(ellipse at 6% 11%,#65778e36,transparent 56%),linear-gradient(130deg,#151920,#211b24)}}