/* КормимПтиц! / Premium experience v2 — standalone, no external font or JS dependency */
:root{--deep:#f5f4ef;--ink:#172f36;--gold:#e9c18c;--surface:#f9f9f6;--hair:#dce4df;--teal:#174c50;--muted:#7b9190;--shadow:0 28px 80px #07151f66;font-family:'Manrope',sans-serif}
*{box-sizing:border-box}
html{background:#14232e;scroll-behavior:smooth;scroll-padding-top:30px}
body{background:#f3f5f2;color:var(--ink);overflow-x:hidden;font-family:'Manrope',Arial,sans-serif}
body,button,input,textarea{font-family:'Manrope',Arial,sans-serif}
.site-shell{max-width:none;overflow:hidden}
.site-header{position:absolute;top:0;left:0;right:0;z-index:35;height:88px;padding:0 clamp(18px,2.8vw,54px);border:0;background:linear-gradient(180deg,#0c2037c9,#0d263c32 75%,transparent);color:white;gap:clamp(12px,2vw,32px)}
.brand{gap:9px}.brand-icon-svg{width:53px;height:53px;filter:drop-shadow(0 5px 10px #10273545)}.brand-text strong{font-size:clamp(18px,1.4vw,26px);letter-spacing:-.9px;color:#fff;font-weight:800}.brand-text small{margin-top:5px;letter-spacing:.25px;text-transform:none;font-size:9px;color:#e0e6e5;white-space:nowrap;font-weight:600}
.top-nav{gap:4px}.nav-link{font-size:12px;padding:10px 13px;color:#f2f5f4d9;border-radius:8px}.nav-link.active{color:#fff;background:#ffffff14}.nav-link:hover{color:white;background:#ffffff22}
.header-actions{gap:10px}.ghost.account{background:#ffffff16;color:white;border:1px solid #ffffff50;border-radius:24px}.top-cta,.primary{background:linear-gradient(135deg,#f8dfb2,#e5b66f)!important;color:#243a3c!important;border:1px solid #fff4d880!important;box-shadow:0 9px 30px #161c2260}.top-cta{border-radius:28px}.live-marker{color:#edf7ef;font-size:10px}.pulsar{background:#8bd6a4}
main{position:relative}.hero{position:absolute;z-index:12;top:clamp(94px,15vh,170px);left:clamp(20px,3.3vw,64px);width:min(390px,31vw);padding:0;display:block;color:#fff;pointer-events:none}.hero>*{pointer-events:auto}.hero-content{max-width:none}.eyebrow{font-size:9px;color:#f0d4a9;letter-spacing:1.7px}.eyebrow span{background:#edd09b}.hero h1{font-family:'Prata',Georgia,serif;font-size:clamp(33px,3.45vw,60px);letter-spacing:-1.5px;font-weight:400;line-height:1.18;margin:20px 0}.hero h1 em{font-style:normal;color:#fae3b6}.hero p{color:#e2e9e7;line-height:1.88;font-size:clamp(11px,1vw,14px);max-width:335px;text-shadow:0 1px 10px #17363a}.hero-links{gap:15px;margin-top:26px}.hero-links .big{border-radius:35px;padding:15px 23px;font-size:12px}.text-btn{color:#f8e5c8;font-size:11px}.text-btn:hover{color:#fff}.hero-stats{margin-top:clamp(22px,5vh,65px);border-top:1px solid #ffffff4b;display:flex;padding-top:18px;gap:12px}.hero-stats>div{background:#1427324f;backdrop-filter:blur(12px);padding:11px 7px;min-width:0;flex:1;border-radius:10px;text-align:center}.hero-stats strong{font-size:25px;color:#f8e2bd}.hero-stats span{color:#e6eeed;font-size:9px}
.experience{padding:0;display:block;position:relative;width:100%;height:100svh;min-height:610px;background:#233a46;overflow:hidden}.explore-main{width:100%;height:100%;position:relative}.scene-toolbar{position:absolute;z-index:15;top:105px;right:clamp(20px,2.4vw,46px);left:auto;width:auto;height:auto;border:1px solid #ffffff3b;border-radius:16px;padding:9px 12px;gap:28px;color:white;background:#0f2634ac;backdrop-filter:blur(20px);box-shadow:0 8px 38px #1123334d}.building-identity{display:flex;gap:8px}.building-identity>span:nth-child(2){font-weight:800;color:#f5e5c7}.building-identity small{color:#d5e0db}.scene-btn{color:#f5f7f6;background:#ffffff14;border:1px solid #ffffff34;border-radius:10px;min-width:80px}.scene-btn:hover{background:#ffffff30}.scene{position:absolute;inset:0;width:100%;height:100%;max-height:none;border:0;border-radius:0;aspect-ratio:auto;background:#384f60 url('/static/residence_ambient.webp') center center/cover no-repeat;isolation:isolate}.scene:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#0c2636e8 0%,#0f2d3aa9 18%,#1e384c24 44%,#0c23324f 100%),linear-gradient(0deg,#10232399 0%,transparent 35%,#0a283e33 100%);pointer-events:none;transition:background 2s}.scene:after{content:'';pointer-events:none;position:absolute;inset:-20%;z-index:1;background:radial-gradient(ellipse at 65% 70%,#edd0a541,transparent 42%);animation:cinema-breath 14s ease-in-out infinite alternate}.scene-transform{position:absolute;inset:auto;top:51.5%;left:53%;height:min(96vh,1060px);width:calc(min(96vh,1060px) * 1.07365);transform:translate(-50%,-50%) scale(var(--zoom,1));transform-origin:var(--origin-x,50%) var(--origin-y,50%);transition:transform 1250ms cubic-bezier(.18,.82,.12,1);will-change:transform;z-index:1;filter:drop-shadow(0 25px 46px #04141a66)}
.facade-photo{height:100%;width:100%;object-fit:fill;pointer-events:none;transition:filter 2200ms ease,transform 2200ms ease;filter:brightness(1.05) saturate(.94)}.window-map{z-index:4;inset:0}.hotspot{width:5.8%;height:4.8%;border:1px solid #e7f5ef34;background:#e5eaf10b;border-radius:3px;box-shadow:inset 0 0 0 1px #e1ebeb0b;transition:background .2s,box-shadow .2s,outline-color .2s}.hotspot:hover{border-color:#f3e5c8;background:#edc78a61;box-shadow:0 0 26px #edbd73b8}.hotspot.selected{outline:2px solid #ffe7b6;outline-offset:3px;background:#ffd7867c;box-shadow:0 0 0 6px #f6d59842,0 0 30px #f6d598b0}.hotspot.lit::before{opacity:.4}.hotspot.is-occupied:after{width:5px;height:5px;background:#ffdea1;box-shadow:0 0 7px #ffda89;top:2px;right:2px}
.scene.is-night:before{background:linear-gradient(90deg,#071520ed 0%,#0a182bbb 22%,#081a2944 58%,#07132399),linear-gradient(0deg,#05101cca,transparent 50%)}.scene.is-night .facade-photo{filter:brightness(.66) saturate(.96) contrast(1.12)}.scene.is-night .night-glow{opacity:.55}.scene.is-night .night-stars{opacity:.8}.scene.is-night .hotspot.lit{background:#f2ca7c50;box-shadow:inset 0 0 10px #f3ca8d88}.scene.is-night:after{background:radial-gradient(circle at 55% 60%,#f2c67430,transparent 42%)}
@keyframes cinema-breath{from{opacity:.65;transform:translateY(-14px) scale(1)}to{opacity:1;transform:translateY(22px) scale(1.06)}}
.sky-note{z-index:8;left:auto;top:auto;right:22px;bottom:27px;font-size:10px;color:#f9edde;background:#122c3bbd;border:1px solid #ffffff42;backdrop-filter:blur(10px)}.scene-bottom{z-index:8;left:28px;right:auto;bottom:25px;background:#0e2734b8;border:1px solid #ffffff33;border-radius:22px;padding:5px 7px;backdrop-filter:blur(15px)}.stage-legend{color:#fff}.legend-item{color:#e8f1ee;font-size:10px}.zoom-tools{background:#ffffff15}.zoom-tools button{color:white}.zoom-tools input{accent-color:#e9c18c}.ambient-caption{position:absolute;z-index:3;bottom:35px;right:28px;color:#ffffff70;font-size:10px;letter-spacing:2px;pointer-events:none;display:none}
.detail-panel{position:absolute;z-index:22;top:175px;right:clamp(19px,2.5vw,46px);width:clamp(340px,28vw,430px);height:calc(100% - 215px);min-height:0;max-height:740px;overflow-y:auto;overscroll-behavior:contain;padding:24px;background:#fdfdfaee;backdrop-filter:blur(28px);box-shadow:0 28px 72px #06182070;border:1px solid #fffffff2;border-radius:22px;opacity:0;pointer-events:none;transform:translateX(45px) scale(.97);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1);color:#20383b}.experience.detail-open .detail-panel{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}.panel-close{position:sticky;top:0;float:right;z-index:12;width:29px;height:29px;display:grid;place-items:center;border:1px solid #cddad1;background:#f6f7f2;border-radius:50%;font-size:20px;line-height:1;color:#607670}.detail-panel h2{font-family:'Prata',Georgia,serif;font-size:25px;margin:14px 0 8px}.detail-panel .detail-lead{font-size:11px}.bird-preview{height:190px}.panel-eyebrow{color:#587a77}.detail-panel .panel-buttons .primary,.detail-panel .panel-buttons .outline{font-size:10px}.panel-subhead{font-size:12px}
.rank-section,.share-section{padding:60px clamp(20px,5vw,90px);background:#111f2b;color:#f4f3ed}.rank-section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:15px}.rank-section h2,.share-section h2{font-family:'Prata',Georgia,serif;font-size:clamp(23px,2.8vw,39px);font-weight:400;line-height:1.3;margin:8px 0}.rank-section p,.share-section p{color:#b4c7c3;font-size:12px}.rank-section .micro,.share-section .micro{color:#ecd3a8}.rank-section .outline,.share-section .outline{color:#f4e1c0;border:1px solid #77918b;background:#ffffff13}.rank-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.rank-card{min-width:0;border:1px solid #ffffff20;border-radius:17px;background:linear-gradient(144deg,#28404a,#152934);padding:24px 23px;box-shadow:0 16px 37px #07111924}.rank-card h3{font-size:15px;margin:0 0 19px;color:#f4e9d7}.rank-list{display:flex;flex-direction:column;gap:7px}.rank-row{width:100%;display:flex;align-items:center;gap:11px;padding:12px 6px;text-align:left;color:#e8eeeb;border-bottom:1px solid #ffffff1a}.rank-row:hover{background:#ffffff11}.rank-number{font-family:Georgia,serif;font-size:26px;color:#eac78e;min-width:29px}.rank-name{flex:1;min-width:0}.rank-name b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-name small{display:block;font-size:10px;color:#acbdb9;margin-top:3px}.rank-stat{font-size:11px;white-space:nowrap;color:#f5d9ad;font-weight:700}.rank-empty{font-size:12px;color:#aec2bd;line-height:1.7}
.share-section{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(120deg,#1c4e4c,#193a41);padding-top:44px;padding-bottom:44px}.share-copy{max-width:620px}.share-links{display:flex;flex-wrap:wrap;gap:10px}.share-links .primary{border-radius:30px;white-space:nowrap}.share-links .outline{border-radius:30px;white-space:nowrap}
.below,.atlas,.steps{background:#f5f7f3;color:#244443}.below{padding-top:66px}.micro{color:#738f85}.section-head h2{font-family:'Prata',Georgia,serif;font-size:32px}.join-banner{background:#164743}.footer{background:#edf1ed}.footer-brand{display:block}.footer-brand strong{font-size:16px;color:#24665a}.toast{z-index:300}
.comment-preview{margin:12px 0}.comment-card{padding:11px 0;border-bottom:1px solid #e0e8e2}.comment-card .comment-person{font-weight:800;font-size:11px;color:#385d53}.comment-card time{font-size:10px;color:#829b92;margin-left:8px}.comment-card p{font-size:11px;line-height:1.6;margin:6px 0;color:#57726a}.comment-pending{font-size:9px;color:#8b6a36;background:#ffefd2;border-radius:20px;padding:2px 7px}.comment-tools{margin-top:8px;display:flex;gap:8px}.comment-tools button{background:#e9f3ee;border:1px solid #ccdcd5;border-radius:9px;padding:9px 12px;color:#325b53;font-size:11px;font-weight:800}.view-counter{font-size:10px;margin-top:7px;color:#81968d}.share-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.share-actions a{border:1px solid #cfded7;border-radius:12px;text-align:center;padding:12px 8px;font-size:12px;color:#35665c;font-weight:700;background:#f6faf8}.share-actions a:hover{background:#dfeee7}.share-url{padding:12px;border:1px dashed #c1d4ca;border-radius:10px;font-size:10px;line-height:1.5;word-break:break-all;color:#52796d;background:#f7f9f5;margin-top:12px}
@media(max-width:1160px){.nav-link{font-size:10px;padding:8px}.hero{width:min(360px,31vw)}.brand-text small{display:none}.top-cta{font-size:9px}.site-header{gap:8px}.scene-toolbar{top:96px}.detail-panel{width:365px}.hero h1{font-size:clamp(30px,3.4vw,45px)}.hero-stats strong{font-size:20px}}
@media(max-width:980px){.site-header{position:absolute;flex-wrap:nowrap;height:75px;padding:0 17px;background:linear-gradient(#0c2436d9,transparent);border:0}.brand-icon-svg{width:45px;height:45px}.brand-text strong{font-size:18px}.top-nav{order:initial;width:auto;justify-content:flex-end;gap:0}.top-nav .nav-link:not([data-nav="house"]):not([data-nav="about"]){display:none}.top-cta{display:none}.hero{top:104px;left:25px;width:290px}.hero h1{font-size:36px}.hero-stats{margin-top:23px}.experience{height:100svh;min-height:550px}.scene-transform{height:min(88vh,830px);width:calc(min(88vh,830px) * 1.07365);top:52%;left:53%}.scene-toolbar{top:88px;right:16px}.detail-panel{top:120px;right:17px;height:calc(100% - 160px);max-height:none;min-height:0;width:min(370px,48vw)}.rank-columns{gap:10px}.rank-card{padding:16px 13px}.rank-card h3{font-size:12px}.rank-row{gap:5px}.rank-stat{font-size:10px}}
@media(max-width:680px){.site-header{padding:0 14px;height:69px}.brand-icon-svg{width:39px;height:39px}.brand-text strong{font-size:16px}.top-nav{display:none}.ghost.account{padding:9px 13px;font-size:10px}.experience{height:100svh;min-height:540px}.scene{background-position:center;background-size:cover}.scene:before{background:linear-gradient(180deg,#0b2639d8 0%,#0b23345c 30%,#0b26342b 58%,#0b202c90 100%)}.scene-transform{height:calc(92vw / 1.07365);width:92vw;top:52%;left:50%;filter:drop-shadow(0 12px 25px #020a15a9)}.hero{top:82px;left:17px;width:calc(100vw - 34px);text-align:left;z-index:13}.hero h1{font-size:clamp(26px,8.6vw,38px);line-height:1.14;margin:10px 0 8px;max-width:370px}.hero p{font-size:11px;max-width:330px;line-height:1.55}.eyebrow{font-size:8px}.hero-links{margin-top:11px;gap:9px}.hero-links .big{padding:11px 17px;font-size:11px}.hero-links .text-btn{font-size:10px}.hero-stats{position:absolute;top:calc(100svh - 244px);left:0;right:0;margin:0;border:0;padding:0;display:flex;gap:7px}.hero-stats>div{padding:9px 5px;border:1px solid #ffffff35;backdrop-filter:blur(6px)}.hero-stats strong{font-size:19px}.hero-stats span{font-size:8px}.scene-toolbar{top:auto;bottom:85px;left:16px;right:16px;padding:7px 9px;justify-content:space-between;gap:6px}.scene-actions{gap:5px}.scene-btn{min-width:66px;font-size:9px;padding:8px}.building-identity>span:nth-child(2){font-size:9px}.building-identity small{display:none}.sky-note{display:none}.scene-bottom{bottom:18px;left:13px;right:13px;display:flex;justify-content:space-between}.stage-legend{padding:6px}.zoom-tools input{width:58px}.zoom-tools button{color:#fff;min-width:22px}.mobile-how{display:none}.detail-panel{position:fixed;z-index:105;inset:auto 0 0 0;width:100%;height:auto;max-height:79dvh;min-height:0;border-radius:24px 24px 0 0;transform:translateY(105%);opacity:1;pointer-events:none;padding:22px 22px 30px;overscroll-behavior:contain}.experience.detail-open .detail-panel{transform:translateY(0);pointer-events:auto}.detail-panel:before{content:'';position:sticky;top:-16px;margin:-10px auto 15px;display:block;width:41px;height:4px;border-radius:5px;background:#becbc2}.detail-panel h2{font-size:22px}.bird-preview{height:180px}.rank-section,.share-section{padding:42px 17px}.rank-section-top{align-items:start;flex-direction:column}.rank-columns{grid-template-columns:1fr}.rank-card{padding:18px}.rank-card h3{font-size:14px}.share-section{flex-direction:column;align-items:stretch}.share-links{width:100%}.share-links button{flex:1;font-size:11px}.below,.atlas,.steps{padding-left:17px;padding-right:17px}.story-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr}}
@media(min-width:681px) and (max-height:650px){.hero{top:88px}.hero h1{font-size:35px;margin:12px 0}.hero-stats{margin-top:17px}.detail-panel{top:104px;height:calc(100% - 119px)}.scene-toolbar{top:98px}}
@media(prefers-reduced-motion:reduce){.scene:after{animation:none}.scene-transform,.facade-photo,.detail-panel{transition-duration:.01ms!important}}

/* Slightly quieter hotspots, crisp architectural scene */
.hotspot{background:#cbd5da04;border-color:#ffffff12}.hotspot:not(.is-occupied):not(.selected):not(:hover){box-shadow:none}.hotspot.is-occupied{border-color:#ffe3ae70;background:#edc37d16}
.window-selected .hero{opacity:0;transform:translateX(-25px);pointer-events:none}.hero{transition:opacity .5s ease,transform .5s ease}
@media(min-width:681px) and (max-width:980px){.scene-transform{height:min(80vh, calc(100vw / 1.07365));width:calc(min(80vh, calc(100vw / 1.07365)) * 1.07365);top:55%;left:50%}}