
.nora-scene{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 90px);background:#10292b;color:#f0f0e8;display:flex;flex-direction:column;justify-content:center}.nora-scene-photo,.nora-scene-shade{position:absolute;inset:0;z-index:-1}.nora-scene-photo{background:url('/assets/schauplaetze/nora-berlin-oberbaumbruecke-2800.webp') 57% 53%/cover no-repeat;filter:saturate(.58);animation:nora-scene-pan 20s ease-in-out infinite alternate;transform-origin:58% 50%}.nora-scene-shade{background:linear-gradient(90deg,rgba(5,24,27,.94) 0%,rgba(7,29,32,.78) 33%,rgba(8,32,35,.33) 64%,rgba(6,25,28,.2)),linear-gradient(0deg,#071c20bd,transparent 35%)}.nora-scene-inner{width:min(1160px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:110px;align-items:center;padding:55px 0 35px}.nora-scene-copy{animation:nora-scene-reveal .9s ease-out both}.nora-scene .kicker{font:500 12px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.2em;color:#c4ff06;margin:0 0 25px}.nora-scene h1{font:400 clamp(70px,7.5vw,110px)/1.05 Oswald,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 33px}.nora-scene h1 span{display:block;font-size:clamp(31px,3.5vw,47px);margin-top:9px;letter-spacing:0}.nora-scene-hook{font:400 clamp(22px,2vw,28px)/1.5 Oswald,Arial,sans-serif;max-width:560px;margin:0 0 25px}.nora-scene-intro{font:300 16px/1.9 Montserrat,Arial,sans-serif;color:#d0ddda;margin:0 0 30px}.nora-scene-actions{display:flex;align-items:center;gap:30px}.nora-scene-actions>a:last-child{font-size:12px;text-decoration:underline;text-underline-offset:5px}.nora-scene-cover{position:relative;display:block;width:100%;max-width:330px;justify-self:end;filter:drop-shadow(0 24px 30px #0008);animation:nora-scene-reveal 1.1s .15s ease-out both;transition:transform .6s}.nora-scene-cover:hover{transform:translateY(-7px) rotate(-1deg)}.nora-scene-cover>img{width:100%;height:auto;border:1px solid #afc1b566}.nora-scene-award{position:absolute;right:-30px;bottom:12%;width:105px}.nora-scene-bottom{width:min(1160px,calc(100% - 64px));margin:0 auto 22px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c9e0d744;padding-top:20px;font:300 11px/1.6 Montserrat,Arial,sans-serif;letter-spacing:.08em;color:#cad8d4}@keyframes nora-scene-pan{from{transform:scale(1.02) translateX(-.3%)}to{transform:scale(1.09) translateX(.7%)}}@keyframes nora-scene-reveal{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@media(max-width:780px){.nora-scene{min-height:calc(100svh - 70px)}.nora-scene-inner{width:calc(100% - 40px);grid-template-columns:1fr 135px;gap:20px;padding:36px 0 25px}.nora-scene h1{font-size:64px;margin-bottom:22px}.nora-scene h1 span{font-size:29px}.nora-scene .kicker{font-size:10px;letter-spacing:.12em;margin-bottom:18px}.nora-scene-hook{font-size:21px;grid-column:1/-1}.nora-scene-intro{font-size:13px}.nora-scene-cover{align-self:start;margin-top:44px}.nora-scene-award{width:62px;right:-8px}.nora-scene-actions{flex-wrap:wrap;gap:20px}.nora-scene-actions .button{font-size:11px;padding:0 20px}.nora-scene-bottom{width:calc(100% - 40px);font-size:9px;margin-bottom:18px}.nora-scene-photo{background-position:52% center}.nora-scene-shade{background:linear-gradient(90deg,#061c20e8,#08262a75),linear-gradient(0deg,#071c20bb,transparent)}}@media(max-width:390px){.nora-scene-inner{grid-template-columns:1fr 110px;gap:12px}.nora-scene h1{font-size:56px}.nora-scene h1 span{font-size:25px}}@media(prefers-reduced-motion:reduce){.nora-scene-photo,.nora-scene-copy,.nora-scene-cover{animation:none}}

/* Entwurf 2: Türme sichtbar, ruhige dunkle Fläche für das Cover. */
.nora-scene-photo{background-size:auto 140%;background-position:48% 42%;background-color:#0a2024;filter:saturate(.42) brightness(.64);mask-image:linear-gradient(90deg,transparent 12%,#000 32%,#000 69%,transparent 88%);animation:nora-scene-pan-v2 24s ease-in-out infinite alternate}.nora-scene-shade{background:linear-gradient(90deg,#061a20e8 0%,#09232a91 28%,#071e2426 48%,#061b2270 64%,#04161de8 87%),linear-gradient(0deg,#051a20b3,transparent 40%)}.nora-scene-cover{filter:drop-shadow(0 25px 45px #000d);max-width:350px}.nora-scene-cover>img{border-color:#b6c6be88;box-shadow:0 0 0 1px #061315,0 0 65px #0008}.nora-scene-inner{gap:100px}.nora-scene-hook{max-width:500px}@keyframes nora-scene-pan-v2{from{transform:scale(1) translateX(-.15%)}to{transform:scale(1.035) translateX(.15%)}}@media(max-width:780px){.nora-scene-photo{background-size:auto 110%;background-position:53% 28%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent)}.nora-scene-shade{background:linear-gradient(90deg,#061a20e6,#071d2470 60%,#04161dcc),linear-gradient(0deg,#051a20cc,transparent 60%)}.nora-scene-inner{gap:20px}}@media(prefers-reduced-motion:reduce){.nora-scene-photo{animation:none}}

/* Entwurf 3: weicher Übergang ins Schwarz statt seitlicher Bildkanten. */
.nora-scene{background:#03090b}.nora-scene-photo{background-color:transparent;background-size:auto 150%;background-position:48% 40%;mask-image:radial-gradient(ellipse 58% 84% at 49% 57%,#000 35%,rgba(0,0,0,.92) 51%,rgba(0,0,0,.55) 68%,transparent 95%);filter:saturate(.42) brightness(.65)}.nora-scene-shade{background:linear-gradient(90deg,#02090be8 0%,#04171c8c 26%,transparent 47%,#03121755 64%,#02090bdc 100%),linear-gradient(180deg,#02090b8c 0%,transparent 23%,transparent 70%,#02090bbd 100%)}.nora-scene-bottom{border-top-color:#a8beb333}@media(max-width:780px){.nora-scene-photo{background-size:auto 120%;background-position:53% 32%;mask-image:radial-gradient(ellipse 95% 78% at 51% 48%,#000 25%,rgba(0,0,0,.85) 48%,transparent 95%)}.nora-scene-shade{background:linear-gradient(90deg,#02090bce,#061b2266 60%,#02090bbd),linear-gradient(180deg,#02090b80,transparent 28%,transparent 65%,#02090bd9)}}

.nora-scene-photo{inset:0 auto 0 18%;width:64%;background-size:100% auto;background-position:50% 40%;mask-image:radial-gradient(ellipse 50% 85% at 50% 52%,#000 38%,rgba(0,0,0,.8) 59%,transparent 100%)}@media(max-width:780px){.nora-scene-photo{inset:0;width:100%;background-size:auto 120%;background-position:53% 32%;mask-image:radial-gradient(ellipse 65% 80% at 50% 50%,#000 30%,rgba(0,0,0,.8) 55%,transparent 100%)}}

/* Finale Abstimmung: Brücke weiter links, Cover zurückgenommen. */
.nora-scene-photo{left:13%;filter:saturate(.42) brightness(.59)}.nora-scene-cover{max-width:325px}.nora-scene{min-height:0;height:calc(100svh - 90px - 104px)}.nora-scene-inner{min-height:0;padding-block:26px 18px}.nora-scene-cover>img{max-height:calc(100svh - 90px - 104px - 95px);width:auto;max-width:100%;margin-left:auto}.nora-scene-bottom{padding-top:14px;margin-bottom:15px}.nora-scene~.echo-release--home{height:104px;min-height:104px;box-sizing:border-box}@media(max-width:780px){.nora-scene{height:auto;min-height:calc(100svh - 70px - 150px)}.nora-scene-photo{left:-4%;width:100%}.nora-scene-cover{max-width:125px}.nora-scene-cover>img{max-height:none}.nora-scene-inner{padding-block:26px 18px;grid-template-columns:1fr 125px}.nora-scene~.echo-release--home{height:auto;min-height:0}.nora-scene h1{font-size:58px}.nora-scene-hook{font-size:19px}.nora-scene-intro{margin-bottom:20px}.nora-scene-bottom{font-size:9px}}@media(prefers-reduced-motion:no-preference){.nora-scene-photo{animation:nora-scene-pan-v2 24s ease-in-out infinite alternate}}

/* Fixed header is outside the hero; reserve its actual height. */
body.nora-home-page main{padding-top:90px!important}.nora-home-page .nora-scene{height:calc(100svh - 90px - 104px);min-height:580px;flex-shrink:0}.nora-home-page .nora-scene-inner{flex:1;margin:0 auto;align-content:center;padding:30px 0 20px;min-height:0}.nora-home-page .nora-scene-cover>img{max-height:min(490px,calc(100svh - 90px - 104px - 100px));width:100%;object-fit:contain}.nora-home-page .nora-scene-cover{max-width:305px}.nora-home-page .nora-scene-bottom{flex-shrink:0}.nora-home-page .echo-release--home{height:104px!important;min-height:104px!important;padding-block:10px!important}.nora-home-page .echo-release--home .echo-release-inner{height:100%;padding-block:0!important}@media(min-width:781px) and (max-height:850px){.nora-home-page .nora-scene{min-height:0}.nora-home-page .nora-scene h1{font-size:76px;margin-bottom:22px}.nora-home-page .nora-scene h1 span{font-size:34px}.nora-home-page .nora-scene .kicker{margin-bottom:15px}.nora-home-page .nora-scene-hook{font-size:23px;margin-bottom:16px}.nora-home-page .nora-scene-intro{font-size:14px;line-height:1.65;margin-bottom:20px}.nora-home-page .nora-scene-inner{padding:22px 0 15px}.nora-home-page .nora-scene-bottom{padding-top:10px;margin-bottom:12px}}@media(max-width:780px){body.nora-home-page main{padding-top:70px!important}.nora-home-page .nora-scene{height:auto;min-height:calc(100svh - 70px - 150px)}.nora-home-page .nora-scene-cover{max-width:125px}.nora-home-page .nora-scene-cover>img{max-height:none}.nora-home-page .echo-release--home{height:auto!important;min-height:0!important}}
