/* КормимПтиц! — корректировки v5.1: масштаб фасада, читаемость, время суток */
:root{--kp-ink:#183a43;--kp-muted:#526a73;--kp-border:#d6e2e0}
/* Фасад целиком в пределах сцены: высота исходного изображения ограничивает масштаб. */
.experience{height:clamp(715px,84svh,940px)!important;min-height:715px!important}
.scene-transform{left:48.5%!important;top:51%!important;height:min(89%,810px)!important;aspect-ratio:728/613!important;max-width:none!important;filter:drop-shadow(0 16px 30px rgba(2,18,29,.34))!important}
.scene{background:#163246!important}
.scene::before{background:linear-gradient(90deg,rgba(4,20,32,.30),rgba(4,20,32,.02) 30%,transparent 61%,rgba(4,20,32,.12)),linear-gradient(180deg,transparent 61%,rgba(4,16,24,.43))!important}
.facade-photo{filter:brightness(1.09) saturate(1.03) contrast(1.04)!important}
.scene[data-time=morning] .facade-photo{filter:brightness(1.22) saturate(.94) contrast(.99)!important}
.scene[data-time=day] .facade-photo{filter:brightness(1.34) saturate(.88) contrast(.98)!important}
.scene[data-time=evening] .facade-photo{filter:brightness(1.09) saturate(1.08) contrast(1.04)!important}
.scene[data-time=night] .facade-photo{filter:brightness(.61) saturate(.85) contrast(1.18)!important}
.scene[data-time=morning] .scenery-backdrop{filter:brightness(1.15) saturate(.95)!important}
.scene[data-time=day] .scenery-backdrop{filter:brightness(1.28) saturate(.84)!important}
.scene[data-time=evening] .scenery-backdrop{filter:brightness(1) saturate(1)!important}
.scene[data-time=night] .scenery-backdrop{filter:brightness(.48) saturate(.70)!important}
.scene.is-night::before{background:linear-gradient(180deg,rgba(3,15,34,.36),transparent 35%,rgba(3,16,27,.55)),linear-gradient(90deg,rgba(3,14,28,.58),transparent 45%,rgba(3,14,28,.42))!important}
/* Свободные окна не исчезают визуально, а видны как деликатная сетка. */
.hotspot:not(.selected):not(.is-occupied){opacity:.33!important;background:rgba(184,222,246,.085)!important;border:1px solid rgba(213,236,246,.14)!important}
.hotspot:hover,.hotspot:focus-visible,.hotspot.selected{opacity:1!important;background:rgba(166,214,252,.32)!important;border:1.5px solid #e3f2ff!important;box-shadow:0 0 0 3px rgba(141,207,247,.26),0 0 18px rgba(196,227,255,.72)!important}
/* Меньше тяжёлых наложений на здание. */
.hero{width:clamp(217px,16.5vw,265px)!important;top:105px!important;left:clamp(14px,1.55vw,28px)!important}
.scene-toolbar{top:106px!important;right:clamp(346px,25.5vw,430px)!important}
.floor-rail{top:294px!important;left:clamp(14px,1.55vw,28px)!important}
.detail-panel{right:clamp(12px,1.35vw,24px)!important;width:clamp(338px,24.6vw,398px)!important;top:100px!important;height:calc(100% - 122px)!important;max-height:722px!important}
.detail-panel .detail-lead,.detail-panel .panel-note{color:#e2edf0!important}
.detail-panel .panel-facts label{color:#c5dce3!important}
.detail-panel .panel-facts b{color:#fff!important}
.detail-panel .view-counter{color:#c8dbe2!important}
.detail-panel .panel-subhead{color:#fff!important}
.time-bar{bottom:27px!important;left:50%!important;transform:translateX(-50%)!important}
/* Светлые секции: читаемый текст на светлом фоне. */
.below,.atlas,.steps{background:#f5f7f3!important;color:#183a43!important}
.section-head h2,.steps-grid h3,.join-banner h3{color:#183a43!important}
.section-head p,.steps-grid p,.story-text,.story-meta,.atlas .panel-note,.below .panel-note,.result-item span{color:#435f68!important}
.story-card,.steps-grid article,.result-item{background:#fff!important;border:1px solid #d3e1de!important}
.story-title,.result-item strong{color:#183a43!important}
.search-area input{background:#fff!important;border:1px solid #c5d8d5!important;color:#173a42!important}
.search-area input::placeholder{color:#71878c!important}
.search-area .outline,.atlas .outline,.steps .outline,.below .outline{color:#234b55!important;background:white!important;border:1px solid #c8dad8!important}
.join-banner{background:linear-gradient(120deg,#164e50,#0c3941)!important}
.join-banner h3{color:#fff!important}
.join-banner p{color:#ebf6f7!important}
.join-banner .primary{background:#f4d398!important;color:#183840!important}
.footer,.footer .footer-links button{color:#dcecef!important}
.footer-brand p{color:#dcecef!important}
@media(max-width:1150px){
.experience{height:760px!important;min-height:700px!important}
.scene-transform{height:min(76%,675px)!important;left:49%!important;top:52%!important}
.scene-toolbar{right:16px!important;top:86px!important}
.hero{top:86px!important;left:16px!important}
.floor-rail{top:255px!important;left:16px!important}
}
@media(max-width:720px){
.experience{height:clamp(650px,92svh,825px)!important;min-height:650px!important}
.scene-transform{width:100vw!important;height:auto!important;left:52%!important;top:52%!important}
.hero{top:79px!important;left:12px!important;width:186px!important}
.scene-toolbar{top:79px!important;right:10px!important}
.floor-rail{top:226px!important;left:12px!important}
.time-bar{bottom:83px!important}
}