.calm-hero.hero-visual{height:100svh;min-height:640px;max-height:1200px;background:#292b2b;isolation:isolate}.hero-composition{position:absolute;inset:auto;overflow:hidden}.hero-composition>.hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;transform:none!important;transition:none}.sky-defs{position:absolute;pointer-events:none}.quiet-sky{position:absolute;inset:0;clip-path:url(#residenceSky);pointer-events:none;overflow:hidden}.quiet-clouds{position:absolute;background:url('assets/tour-clouds.webp') center/100% 100% no-repeat;filter:blur(2px);will-change:transform}.cloud-one{left:-25%;top:0;width:135%;height:47%;opacity:.16;animation:quietCloudOne 115s ease-in-out infinite alternate}.cloud-two{left:-18%;top:17%;width:145%;height:39%;opacity:.09;animation:quietCloudTwo 173s ease-in-out infinite alternate}.cloud-paused .quiet-clouds,.cloud-hidden .quiet-clouds{animation-play-state:paused}.calm-hero .photo-shade{background:linear-gradient(#0005,transparent 35%,transparent 55%,#0d0c0b9c)}.calm-location{position:absolute;z-index:5;left:4%;top:130px;font-size:8px;letter-spacing:1.3px}.calm-copy{position:absolute;z-index:5;left:4%;bottom:90px}.calm-copy h2{font-size:clamp(46px,5.4vw,92px);line-height:1.05;letter-spacing:-3px;font-weight:400;margin:0 0 27px;text-shadow:0 2px 30px #0003}.calm-copy a{display:flex;justify-content:space-between;width:190px;font-size:10px;padding:11px 0;border-bottom:1px solid #fff6}.amenity-tour.photo-tour{position:relative;isolation:isolate;background:#141310;overflow:hidden;min-height:0;height:auto;max-height:none}.amenity-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#161512;isolation:isolate}.amenity-stage .photo-map,.amenity-stage .photo-detail{inset:0;overflow:hidden}.amenity-stage .photo-world{width:100%;height:100%;transform:translate(-50%,-50%) scale(1);overflow:hidden}.amenity-stage .photo-world>img{object-fit:cover}.amenity-tour[data-view=map] .photo-map{opacity:1;pointer-events:auto}.amenity-tour[data-view=map] .photo-world{cursor:default}.amenity-tour .photo-shade{background:linear-gradient(#0003,transparent 30%,transparent 62%,#0005)}.amenity-tour .photo-footer{position:relative;left:auto;right:auto;bottom:auto;padding:22px 26px;gap:20px;background:#141310;z-index:7}.amenity-tour .photo-status{position:relative;left:auto;right:auto;bottom:auto;max-width:none;padding:0 26px 20px;margin:0;font-size:8px;color:#b7ab9b}.amenity-tour .photo-back{left:24px;top:20px;min-height:44px;font-size:10px;background:#181714aa;padding:10px 14px;backdrop-filter:blur(12px)}.amenity-tour .photo-back[hidden]{display:none}.amenity-tour .photo-story{bottom:150px;right:24px;left:auto;width:310px;max-height:calc(100% - 245px);padding:23px;background:#151411de;scrollbar-width:thin}.amenity-tour[data-place=parking] .photo-story{left:24px;right:auto}.amenity-tour .photo-story h2{font-size:31px}.amenity-tour .photo-story[hidden]{display:none}.amenity-tour .photo-pin span{opacity:1;transform:none;font-size:10px;background:#181714a6}.amenity-tour .photo-pin i{background:#eee7dfbb}.amenity-tour .photo-pin:hover i{box-shadow:0 0 0 12px #eee7df30}.amenity-tour .photo-navigation{gap:26px}.amenity-tour .photo-navigation button{min-width:95px}.amenity-tour .photo-return{right:24px;bottom:25px;min-height:44px}.amenity-tour.inspect .photo-footer,.amenity-tour.inspect .photo-status{visibility:visible}.amenity-tour.inspect .photo-story{display:none}.amenity-tour.inspect .photo-back{left:24px}.amenity-tour .photo-detail img{transform:none}.architecture-note{margin-top:25px}
@keyframes quietCloudOne{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(13%,1.5%,0)}}@keyframes quietCloudTwo{from{transform:translate3d(10%,0,0)}to{transform:translate3d(-8%,-2%,0)}}
@media(max-width:1000px){.amenity-tour .photo-navigation{gap:18px}.amenity-tour .photo-navigation button{min-width:75px;gap:10px}.amenity-tour .photo-story{width:280px;padding:19px}.amenity-tour .photo-story h2{font-size:27px}}
@media(max-width:650px){.calm-hero.hero-visual{height:100svh;min-height:610px;max-height:none}.calm-location{left:6%;top:108px;font-size:6px}.calm-copy{left:6%;right:6%;bottom:65px}.calm-copy h2{font-size:43px;letter-spacing:-2px;margin-bottom:22px}.calm-copy a{width:170px;font-size:9px}.amenity-tour .amenity-stage{aspect-ratio:16/9}.amenity-tour[data-view=detail] .amenity-stage{aspect-ratio:4/3}.amenity-tour .photo-pin{padding:8px 5px 8px 0;gap:4px;min-height:40px;transform:translate(-8px,-16px)}.amenity-tour .photo-pin i{width:8px;height:8px;box-shadow:0 0 0 4px #15141044;flex-shrink:0}.amenity-tour .photo-pin span{font-size:7px;padding:5px 6px;white-space:normal;max-width:85px}.amenity-tour .photo-pin[aria-label="Подземный паркинг"] span{max-width:57px}.amenity-tour .photo-footer{padding:18px 18px 12px;gap:12px}.amenity-tour .photo-navigation{gap:8px 20px;width:100%}.amenity-tour .photo-secondary{justify-content:flex-start}.amenity-tour .photo-status{padding:0 18px 18px;font-size:7px}.amenity-tour .photo-story,.amenity-tour[data-place=parking] .photo-story{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-height:none;padding:23px 20px;background:#1a1815;border-left:0;border-right:0}.amenity-tour .photo-story h2{font-size:30px;margin:15px 0}.amenity-tour .photo-story p{font-size:11px}.amenity-tour .photo-story li{font-size:8px}.amenity-tour .photo-back{left:12px;top:12px;font-size:8px;padding:8px 10px;min-height:38px}.amenity-tour .photo-return{right:12px;bottom:12px;font-size:9px;padding:8px 10px}.amenity-tour.inspect .photo-back{left:12px}.amenity-tour .photo-look{font-size:10px}.architecture .wide-title{font-size:clamp(34px,8.5vw,50px)}}
@media(prefers-reduced-motion:reduce){.quiet-clouds{animation:none;will-change:auto}}
@media(max-width:650px){.amenity-tour .photo-pin[aria-label="Подземный паркинг"]{flex-direction:row-reverse;transform:translate(calc(-100% + 8px),-16px)}.amenity-tour .photo-pin[aria-label="Зелёная территория"]{transform:translate(-8px,-32px)}}
@media(max-width:650px){.amenity-tour .photo-pin span{font-size:0;max-width:none!important;white-space:nowrap}.amenity-tour .photo-pin span:after{font-size:7px}.amenity-tour .photo-pin[aria-label="Подземный паркинг"] span:after{content:"Паркинг"}.amenity-tour .photo-pin[aria-label="Детская площадка"] span:after{content:"Площадка"}.amenity-tour .photo-pin[aria-label="Двор без машин"] span:after{content:"Двор"}.amenity-tour .photo-pin[aria-label="Зелёная территория"] span:after{content:"Сад"}.amenity-tour .photo-pin[aria-label="Зелёная территория"]{transform:translate(-8px,-24px)}}
.real-map{min-width:0;border:1px solid #d7c2a82e;background:#181715}.real-map iframe{display:block;width:100%;height:430px;border:0;color-scheme:light}.real-map-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;font-size:8px;line-height:1.5;color:#b4a594}.real-map-footer a{border-bottom:1px solid #a28d7555;padding:5px 0}.location-grid{grid-template-columns:.9fr 1.1fr;gap:7%}@media(max-width:650px){.location-grid{grid-template-columns:1fr}.real-map iframe{height:350px}.real-map-footer{font-size:7px;gap:12px;padding:13px}}
.night-reveal{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .65s ease;--night-x:50%;--night-y:50%;--night-size:260px;-webkit-mask-image:radial-gradient(circle var(--night-size) at var(--night-x) var(--night-y),#000 0%,#000 44%,transparent 100%);mask-image:radial-gradient(circle var(--night-size) at var(--night-x) var(--night-y),#000 0%,#000 44%,transparent 100%)}.night-reveal.is-active{opacity:1;transition-duration:.3s}.night-reveal img{position:absolute;max-width:none;object-fit:fill;filter:brightness(.72) saturate(.85)}footer #top{width:auto;min-width:55px;font-size:11px}.calm-copy a{display:inline-block;width:auto;padding-right:0}.photo-look{display:inline-block;width:auto}@media(prefers-reduced-motion:reduce){.night-reveal{transition:none}}
.night-reveal{mix-blend-mode:lighten}.night-reveal img{filter:none}

/* Keep the hero headline legible over changing light and clouds. */
.calm-hero .photo-shade{background:linear-gradient(90deg,rgba(13,12,11,.45),transparent 75%),linear-gradient(180deg,rgba(0,0,0,.23),transparent 32%,rgba(13,12,11,.12) 48%,rgba(13,12,11,.78) 100%)}
.calm-copy h2{color:#fff9ef;font-weight:450;text-shadow:0 2px 5px #0005,0 6px 30px #0008}
.calm-copy h2 em{color:inherit}
.calm-copy a{color:#fff9ef;border-bottom-color:#fff9ef99;text-shadow:0 1px 8px #0009}
