/* KiezKrone identity: original emblem, restrained placement, existing game palette. */
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.brand-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1;text-decoration:none}
.brand-link:focus-visible{outline:2px solid var(--sodium,#f0a630);outline-offset:5px;border-radius:3px}
.brand-compact{width:122px;max-width:32vw}
header.top:has(.brand-link){gap:12px 24px;padding-top:0;padding-bottom:10px;margin-bottom:16px}
.brand-auth{width:clamp(220px,28vw,320px);max-width:100%;align-self:flex-start}
.lp-top:has(.brand-link){padding-block:10px}
.lp-hero-in:has(.lp-brand-art){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,60px);padding-block:44px}
.lp-hero-copy{min-width:0}
.lp-hero-in:has(.lp-brand-art) h1{font-size:clamp(2.4rem,4.7vw,3.8rem);max-width:18ch}
.landing .lp-two>*{min-width:0}
.lp-brand-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.lp-brand-art .brand-logo{width:100%;max-width:440px}
.lp-brand-art p{font-family:var(--f-display);font-weight:700;text-transform:uppercase;letter-spacing:.09em;text-align:center;font-size:clamp(.85rem,1.3vw,1.1rem);color:#dec18a;margin:18px 0 0}
.auth-side-in:has(.brand-link){gap:16px}
@media(max-width:1050px) and (min-width:701px){.lp-hero-in:has(.lp-brand-art){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.lp-hero h1{font-size:clamp(2.8rem,5vw,4rem)}}
@media(max-width:900px){.brand-auth{width:148px}.auth-side-in:has(.brand-link){padding-top:16px;gap:12px}.landing .lp-two.wide-l{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.brand-compact{width:92px}.lp-top:has(.brand-link){gap:8px;padding-block:8px}.lp-top .lp-nav{gap:6px}.lp-top .lp-nav .btn{padding:8px 10px;font-size:.8rem}.lp-hero-in:has(.lp-brand-art){grid-template-columns:minmax(0,1fr);gap:24px;padding-top:22px;padding-bottom:32px}.lp-brand-art{order:-1}.lp-brand-art .brand-logo{width:220px;max-width:70vw}.lp-brand-art p{font-size:.82rem;letter-spacing:.065em;margin-top:12px}.lp-hero-in:has(.lp-brand-art) h1{font-size:clamp(2.2rem,8.6vw,3.3rem)}header.top:has(.brand-link){align-items:center;gap:10px;padding-bottom:10px}.brand-auth{width:136px}}
@media(max-width:420px){header.top:has(.brand-link){align-items:flex-start}.brand-compact{max-width:30vw}}
