/* EMBER V | SHOWCASE 2026 — visual polish, no modifications to application logic */
:root{--pink:#fa4b8b;--rose:#ff83b0;--ink:#09070d;--hairline:rgba(255,135,181,.16)}
html{scroll-padding-top:92px}body{overflow-x:hidden;background:#09070d}
::selection{background:#f34c86;color:#0e0610}
:focus-visible{outline:2px solid #ff9bc6!important;outline-offset:3px}
.site-header{background:rgba(9,7,13,.82)!important;backdrop-filter:blur(20px) saturate(130%);border-bottom:1px solid rgba(255,139,190,.17)!important;transition:background .25s,box-shadow .25s}
.site-header.is-scrolled{background:rgba(8,6,12,.97)!important;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.site-header .brand-words{font-style:italic;letter-spacing:-.015em}
.main-nav .nav-link{position:relative;padding-block:8px;transition:color .18s}
.main-nav .nav-link::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:2px;border-radius:10px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.main-nav .nav-link:hover::after,.main-nav .nav-link.is-active::after{transform:scaleX(1)}
.site-progress{position:fixed;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#ed397b,#ffb5d1);z-index:90;pointer-events:none;box-shadow:0 0 15px #f64b90}
.home-hero{min-height:760px!important;isolation:isolate}
.home-art{background-position:center center!important;filter:brightness(.98) saturate(1.16) contrast(1.06)!important;animation:emberCinema 16s ease-in-out infinite alternate;will-change:transform}
.home-shade{background:linear-gradient(90deg,rgba(7,5,12,.46),rgba(7,5,12,.16) 37%,rgba(7,5,12,.15) 65%,rgba(7,5,12,.45)),linear-gradient(180deg,rgba(6,4,10,.25),rgba(6,4,10,.12) 43%,#09070d 100%)!important}
.hero-content{min-height:730px!important;display:flex;justify-content:center;align-items:center;padding:95px 0 95px!important}
.hero-copy{position:relative;max-width:760px!important;padding:32px 36px!important;background:radial-gradient(ellipse at center,rgba(9,5,12,.56),rgba(9,5,12,.18) 57%,transparent 78%);text-align:center}
.hero-copy .ember-headline{font-size:clamp(96px,12vw,186px)!important;line-height:.83!important;letter-spacing:-.025em!important;filter:drop-shadow(0 5px 5px #000a)}
.hero-symbol{filter:drop-shadow(0 0 22px rgba(247,57,119,.55));animation:emberFloat 5s ease-in-out infinite}
.hero-copy .ember-white{background:linear-gradient(180deg,#fff 12%,#fff 38%,#a6a1aa 72%,#fff 92%);background-clip:text;-webkit-background-clip:text;color:transparent!important;text-shadow:none!important}
.hero-copy .ember-pink{color:#ff4d92!important;text-shadow:0 0 10px #fa358c9c,0 0 38px #ed287b77!important}
.hero-tagline{letter-spacing:.24em!important;font-size:clamp(13px,1.8vw,20px)!important;font-weight:900!important}
.hero-copy .hero-lead{font-size:14px!important;line-height:1.8!important;color:#f2dbe7!important}
.hero-actions{justify-content:center;gap:12px!important;margin-top:32px!important}
.hero-actions .button{min-width:190px;box-shadow:0 12px 36px rgba(0,0,0,.35)}
.button,.portal-btn,.page-content button{transition:transform .2s,box-shadow .2s,filter .2s!important}
.button:hover,.portal-btn:hover,.page-content button:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(237,56,125,.22)}
.button-primary{background:linear-gradient(110deg,#ff659b,#e62b74)!important;color:#16050d!important;border:1px solid #ffa4c6!important}
.button-ghost{border:1px solid rgba(255,197,222,.56)!important;background:rgba(12,7,16,.64)!important}
.hero-bottom{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;opacity:.8}
.hero-bottom a{color:#ffd4e6}
.intro-strip{border-block:1px solid var(--hairline)!important;background:linear-gradient(90deg,#1a0b17,#100b15,#1a0b17)!important}
.intro-strip .strip-grid>div{min-height:90px;transition:background .2s}
.intro-strip .strip-grid>div:hover{background:rgba(248,66,133,.05)}
.section-block{position:relative}
.section-heading h2{line-height:1.02!important;letter-spacing:-.02em}
.section-aside{font-size:14px;line-height:1.75}
.faction-tile,.editorial-card,.team-card,.team-lead,.portal-card,.apply-card{transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .35s!important}
.faction-tile:hover,.editorial-card:hover{transform:translateY(-7px)!important;box-shadow:0 25px 75px #0009,0 0 0 1px #f65d9a3d!important}
.faction-tile-art{filter:saturate(1.12);transition:transform .6s}
.faction-tile:hover .faction-tile-art{transform:scale(1.06)}
.feature-picture{overflow:hidden;border-radius:10px}
.feature-photo{transition:transform .7s}
.feature-picture:hover .feature-photo{transform:scale(1.045)}
.sub-hero{position:relative;overflow:hidden;isolation:isolate}
.sub-hero::before{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,11,.4),transparent 67%),radial-gradient(ellipse at 76% 20%,rgba(226,55,119,.13),transparent 44%)}
.sub-content{position:relative;z-index:2}
.sub-content h1{line-height:.94!important;letter-spacing:-.025em!important;text-wrap:balance}
.sub-content p{max-width:600px}
.page-content .card,.page-content article,.page-content details{box-shadow:0 12px 30px #0002}
.page-content input,.page-content select,.page-content textarea,.portal-control{transition:border-color .2s,box-shadow .2s}
.page-content input:focus,.page-content select:focus,.page-content textarea:focus,.portal-control:focus{border-color:#fa7ba8!important;box-shadow:0 0 0 3px rgba(247,70,138,.12)}
body[data-page="bewerbungen"] .apply-layout>.apply-card{box-shadow:0 20px 80px #0008,0 0 0 1px rgba(248,116,173,.07)!important}
body[data-page="bewerbungen"] .apply-layout .field textarea{min-height:200px}
body[data-page="bewerbungen"] #statuspruefung .apply-card{box-shadow:0 30px 75px #0007}
.portal-stat,.portal-card{box-shadow:0 15px 45px #0004}
.site-footer{background:radial-gradient(ellipse at 15% -20%,rgba(155,31,79,.14),transparent 55%),#07060a!important}
/* gentle scroll reveal: only applied by JS after observer is available */
.reveal-ready{opacity:0;transform:translate3d(0,24px,0);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.75,.2,1)}
.reveal-ready.revealed{opacity:1;transform:none}
.scroll-top{position:fixed;right:22px;bottom:20px;z-index:45;border:1px solid rgba(252,127,173,.5);background:rgba(28,13,27,.92);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 30px #0008;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s}
.scroll-top.visible{opacity:1;transform:none;pointer-events:auto}
@keyframes emberCinema{from{transform:scale(1.01)}to{transform:scale(1.055)}}
@keyframes emberFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:900px){.home-hero{min-height:660px!important}.hero-content{min-height:640px!important}.main-nav{max-height:calc(100dvh - 76px);overflow:auto}.hero-copy .ember-headline{font-size:clamp(78px,14vw,125px)!important}.hero-copy{padding:25px 14px!important}}
@media(max-width:600px){.home-hero{min-height:670px!important}.home-art{background-position:50% center!important}.home-shade{background:linear-gradient(90deg,#09070d9c,#09070d5c,#09070d9c),linear-gradient(0deg,#09070d,transparent 40%)!important}.hero-content{min-height:640px!important;padding:58px 0 70px!important}.hero-copy{padding:24px 2px!important}.hero-copy .ember-headline{font-size:clamp(68px,16vw,96px)!important}.hero-tagline{letter-spacing:.12em!important;font-size:12px!important}.hero-copy .hero-lead{font-size:12px!important}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{min-width:0;width:100%}.section-heading h2{line-height:1.04!important}.scroll-top{bottom:15px;right:14px}.reveal-ready{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1!important;transform:none!important}.home-art,.hero-symbol{animation:none!important}.scroll-top{transition:none!important}}