/* KormimPtits v5.2 — layout centering, top clearance, readability, media centering */
:root{--v52-ink:#173944;--v52-copy:#36535d;--v52-soft:#f1d097;--v52-border:#c4d7dc}
body{color:var(--v52-ink)!important}
.experience{height:clamp(730px,86svh,960px)!important;min-height:730px!important}
.scene{overflow:hidden!important}
.scene::before{background:linear-gradient(90deg,rgba(4,20,32,.18),rgba(4,20,32,.02) 20%,transparent 59%,rgba(4,20,32,.08)),linear-gradient(180deg,rgba(5,19,29,.02) 0%,transparent 63%,rgba(4,16,24,.39) 100%)!important}
.scene-transform{left:46.3%!important;top:54.2%!important;height:min(85%,790px)!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 18px 32px rgba(2,18,29,.32))!important}
.scenery-backdrop{opacity:.96!important}
.hero{top:118px!important;left:clamp(14px,1.3vw,24px)!important;width:clamp(220px,16.2vw,252px)!important}
.floor-rail{top:318px!important;left:clamp(14px,1.3vw,24px)!important}
.scene-toolbar{top:118px!important;right:clamp(348px,24.8vw,415px)!important}
.detail-panel{top:118px!important;right:clamp(12px,1.2vw,20px)!important;height:calc(100% - 138px)!important;max-height:710px!important;width:clamp(340px,24vw,392px)!important}
.house-neighbors{left:50%!important;transform:translateX(-50%)!important;bottom:22px!important;max-width:340px!important;width:max-content!important}
.scene-bottom{bottom:22px!important}
.time-bar{bottom:22px!important}
.detail-panel h2{font-size:clamp(21px,1.7vw,26px)!important;line-height:1.22!important}
.detail-panel .detail-lead,.detail-panel .panel-note{color:#e6eff2!important;font-size:13px!important;line-height:1.62!important}
.detail-panel .panel-facts b{font-size:13px!important}
.detail-panel .tiny-actions button{font-size:11.5px!important}
.detail-panel .bird-preview img,.detail-panel .bird-preview video,
.story-card img,.rank-card img,.compact-shop img{object-position:center center!important}
.below,.atlas,.steps{background:#f6f7f3!important;color:var(--v52-ink)!important}
.section-head h2,.join-banner h3,.steps-grid h3,.story-title,.result-item strong{color:var(--v52-ink)!important}
.section-head p,.steps-grid p,.story-text,.story-meta,.atlas .panel-note,.below .panel-note,.result-item span,.footer p,.footer>div{color:var(--v52-copy)!important}
.story-card,.steps-grid article,.result-item{background:#fff!important;border:1px solid var(--v52-border)!important;box-shadow:0 12px 28px rgba(18,47,58,.06)!important}
.search-area input{background:#fff!important;border:1px solid #bfd3d8!important;color:#173a42!important}
.search-area input::placeholder{color:#6e858b!important}
.search-area .primary{color:#17313c!important}
.search-area .outline,.atlas .outline,.steps .outline,.below .outline{color:#234b55!important;background:white!important;border:1px solid #c8dad8!important}
.footer{background:#061c2d!important;color:#d8e4e8!important}
.footer-brand strong{color:#f2d49d!important}
.footer .footer-links button{color:#f2d49d!important}
/* photo / overlay readability in media cards */
.story-card,.rank-card,.compact-shop{position:relative!important}
.story-card::after,.rank-card::after,.compact-shop::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,transparent,rgba(5,18,27,.72));pointer-events:none}
.story-card>* ,.rank-card>* ,.compact-shop>*{position:relative;z-index:1}
@media (max-width:1150px){
  .experience{height:770px!important;min-height:710px!important}
  .scene-transform{left:50%!important;top:55.5%!important;height:min(74%,670px)!important}
  .hero{top:92px!important;left:16px!important}
  .floor-rail{top:262px!important;left:16px!important}
  .scene-toolbar{top:92px!important;right:16px!important}
  .detail-panel{position:fixed!important;inset:auto 0 0 0!important;top:auto!important;right:0!important;width:100%!important;max-width:none!important;max-height:79dvh!important;height:auto!important}
}
@media (max-width:720px){
  .experience{height:clamp(680px,93svh,850px)!important;min-height:680px!important}
  .scene-transform{width:109vw!important;height:auto!important;left:53%!important;top:56.4%!important}
  .hero{top:82px!important;left:12px!important;width:188px!important}
  .scene-toolbar{top:82px!important;right:10px!important}
  .floor-rail{top:228px!important;left:12px!important}
  .section-head h2{font-size:clamp(30px,9vw,44px)!important;line-height:1.08!important}
  .section-head p,.story-text,.steps-grid p,.result-item span{font-size:17px!important;line-height:1.55!important}
  .story-title,.result-item strong,.steps-grid h3{font-size:20px!important;line-height:1.25!important}
  .search-area input,.search-area .primary,.search-area .outline{font-size:18px!important}
}