/* The existing logo is framed above its tiny raster subtitle; source artwork stays intact. */
header.kuplyu-header{position:relative;top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;padding:22px 4%;min-height:0;background:#fff!important;backdrop-filter:none;box-shadow:none}
header.kuplyu-header::after{width:72px;height:3px}
/* Decorative artwork only on the public page; opaque copy/nav surfaces preserve contrast. */
.public-demand header.kuplyu-header{isolation:isolate}
.public-demand header.kuplyu-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fff 28%,rgba(255,255,255,.94) 48%,rgba(255,255,255,.2) 80%),url('/header-city-v1.jpg') right 58%/auto 180% no-repeat}
.public-demand .kuplyu-header .brand-intro{background:rgba(255,255,255,.96);border-radius:14px;padding:8px 12px;margin:-8px -12px}
.public-demand .kuplyu-header .native-nav a:not([hidden]){background:#fff;border-color:#d3b18f;box-shadow:0 3px 12px #24242412}
@media(max-width:760px){
 .public-demand header.kuplyu-header::before{opacity:.2;background-position:right center;background-size:auto 110%}
 .public-demand .kuplyu-header .brand-intro{background:rgba(255,255,255,.98)}
}
.kuplyu-header .brand{flex:1 1 600px;display:flex;flex-direction:row;align-items:center;gap:28px;min-width:0}
.kuplyu-header .brand-mark.exact-logo{width:180px;height:57px;min-height:0;flex:0 0 180px;overflow:hidden;position:relative}
.kuplyu-header .brand-mark.exact-logo img{display:block;position:absolute;width:110%;max-width:none;height:auto;left:-5%;top:-24%}
.kuplyu-header .brand-mark.exact-logo :is(b,.roof-mark){display:none}
.brand-intro{min-width:0;max-width:650px}
.brand-intro strong{display:block;font-size:clamp(20px,1.9vw,28px);line-height:1.2;letter-spacing:-.025em;color:#242424;font-weight:800;text-wrap:balance}
.brand-intro strong span{color:#ac4900}
.brand-intro p{font-size:16px;line-height:1.45;color:#575753;margin:8px 0 0;max-width:590px}
.brand-intro small{display:block;font-size:14px;color:#666660;margin-top:5px}
.kuplyu-header .native-nav{margin-left:auto;justify-content:flex-end;gap:10px}
.kuplyu-header .native-nav a:not([hidden]),.kuplyu-header .native-nav button{font-size:16px;min-height:44px;padding:10px 18px;border-radius:999px}
.kuplyu-header #modePill{font-size:14px;white-space:normal}
@media(max-width:760px){
 header.kuplyu-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px 20px}
 .kuplyu-header .brand{display:contents}
 .kuplyu-header .brand-mark.exact-logo{grid-column:1;grid-row:1;width:150px;height:48px}
 .kuplyu-header .brand-intro{grid-column:1/-1;grid-row:2;max-width:none}
 .kuplyu-header .native-nav{grid-column:2;grid-row:1;max-width:100%;flex-wrap:wrap}
 .kuplyu-header #modePill{grid-column:1/-1;grid-row:3;justify-self:start}
 .brand-intro strong{font-size:24px}.brand-intro p{font-size:16px}
}
@media(max-width:460px){
 .kuplyu-header .native-nav{gap:6px}.kuplyu-header .native-nav a:not([hidden]),.kuplyu-header .native-nav button{font-size:14px;padding:9px 12px}
 .kuplyu-header:has(#nativeAdmin:not([hidden])) .native-nav{grid-column:1/-1;grid-row:3;justify-content:flex-start;margin-left:0}
 .kuplyu-header:has(#nativeAdmin:not([hidden])) #modePill{grid-row:4}
}