/* Subtle depth; existing scroll reveals and logo particles remain independent. */
.audience-grid,.leistungen-bento,.content-grid { perspective:1200px; }
.depth-card { position:relative; isolation:isolate; rotate:0 1 0 0deg; transition:rotate .24s ease,box-shadow .24s ease,border-color .24s ease; }
.depth-card::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:2; opacity:var(--shine-opacity,0); background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgba(255,240,179,.14),transparent 58%); transition:opacity .25s; }
.depth-card.depth-active { box-shadow:0 28px 55px -30px rgba(212,175,55,.42); border-color:rgba(212,175,55,.48); }
.btn-primary,.nav-cta { box-shadow:0 4px 0 #806611,0 12px 28px -14px rgba(212,175,55,.45); }
.btn-primary:active,.nav-cta:active { box-shadow:0 1px 0 #806611; }
.hero-home { position:relative; padding-top:190px; padding-bottom:95px; }
.hero-home::before { content:""; position:absolute; width:min(850px,92vw); height:430px; top:75px; left:50%; transform:translateX(-50%) rotate(-12deg); border:1px solid rgba(212,175,55,.13); border-radius:50%; box-shadow:0 0 80px rgba(212,175,55,.05),inset 0 0 60px rgba(212,175,55,.04); pointer-events:none; z-index:-1; }
.hero-home .hero-layout { display:block; text-align:center; }
.hero-home .hero-layout h1 { max-width:920px; margin-left:auto; margin-right:auto; font-size:clamp(40px,6.1vw,76px); }
.hero-home .hero-layout p { max-width:720px; margin-left:auto; margin-right:auto; }
.hero-home .hero-actions { justify-content:center; }
@media(max-width:600px) { .hero-home {padding-top:155px;} .hero-home::before {height:310px;top:120px;} }
@media(prefers-reduced-motion:reduce) { .depth-card {rotate:none!important;transition:none;} .depth-card::after {display:none;} }