/* Approved facade photographs are loaded only for the desktop scene. */
.desktop-villa-stage{display:none}
@media(min-width:981px) and (min-height:561px){
 .hero-entry .catalog-header{background:rgba(255,254,250,.94);border-bottom-color:#d9d2c5}
 .hero-entry .real-photo-hero.hinge-hero .hinge-hero-scene{padding:0;background:none}
 .hero-entry .real-photo-hero .hinge-hero-scene:before,.hero-entry .real-photo-hero .hinge-hero-scene:after{display:none}
 .hero-entry .real-photo-hero.has-desktop-villa .real-door-portal,.hero-entry .real-photo-hero.has-desktop-villa .hinge-hero-note{visibility:hidden}
 .desktop-villa-stage{--villa-header:149px;display:block;position:absolute;inset:var(--villa-header) 0 0;overflow:hidden;z-index:0}
 .desktop-villa-canvas{position:absolute;left:50%;top:0;width:max(100%,calc((100svh - var(--villa-header)) * 16 / 9));height:auto;aspect-ratio:16/9;transform:translateX(-50%);perspective:1600px}
 .desktop-villa-frame{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2}
 .desktop-villa-opening{position:absolute;left:var(--villa-left);top:var(--villa-top);width:var(--villa-width);height:var(--villa-height);overflow:hidden;z-index:1;background:var(--surface)}
 .desktop-villa-opening img{width:100%;height:100%;display:block;object-fit:cover;object-position:42% 50%}
 .desktop-villa-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 14%,transparent 92%,#0004);pointer-events:none}
 .desktop-villa-leaf{position:absolute;left:var(--villa-left);top:var(--villa-top);width:var(--villa-width);height:var(--villa-height);z-index:3;transform-origin:left center;transform:rotateY(var(--hero-angle));backface-visibility:hidden}
 .desktop-villa-leaf svg{display:block;width:100%;height:100%}
 .real-photo-hero.is-active:not(.is-static) .desktop-villa-leaf{will-change:transform}
 .desktop-villa-caption{position:absolute;left:0;bottom:0;width:100%;padding:6px 20px;text-align:right;font-size:16px;line-height:1.4;color:var(--text);z-index:4;background:#fff8}
 .hero-entry .real-photo-hero.hinge-hero .hinge-hero-copy{z-index:3;max-width:min(510px,39vw);text-shadow:0 1px 12px #fff9}
 .hero-entry.catalog-avangart .hinge-hero-copy{color:#263027}
 .hero-entry.catalog-plus .hinge-hero-copy{color:#183b55}
}

/* Avangart desktop: one compact header overlays the photograph from page top. */
@media(min-width:981px) and (min-height:561px){
 .hero-entry.catalog-avangart .catalog-header{display:flex;align-items:center;gap:24px;min-height:60px;padding:4px clamp(20px,2.5vw,48px);background:linear-gradient(#ffffffbd,#ffffffa6);border-bottom-color:transparent}
 .hero-entry.catalog-avangart .catalog-header-main{display:contents}
 .hero-entry.catalog-avangart .catalog-header .catalog-utility{display:none}
 .hero-entry.catalog-avangart .catalog-header .logo{flex:0 0 52px;width:52px;min-width:52px;margin:0}
 .hero-entry.catalog-avangart .catalog-header .logo-image{display:block;width:52px;height:52px;object-fit:contain}
 .hero-entry.catalog-avangart .catalog-nav-strip{flex:1;min-width:0;width:auto;border:0;background:transparent}
 .hero-entry.catalog-avangart .catalog-header .navigation{width:auto;max-width:none;margin:0;padding:0;justify-content:flex-end;gap:0}
 .hero-entry.catalog-avangart .catalog-header .navigation a{color:#30271f;min-height:44px;padding:8px 14px;font-size:16px;line-height:24px}
 .hero-entry.catalog-avangart .catalog-header.is-scrolled{background:#6b462b;border-bottom-color:#5d3b24;box-shadow:0 5px 20px #32200f21}
 .hero-entry.catalog-avangart .catalog-header.is-scrolled .catalog-nav-strip{background:transparent}
 .hero-entry.catalog-avangart .catalog-header.is-scrolled .navigation a{color:#fff}
 .hero-entry.catalog-avangart .catalog-header.is-scrolled .navigation a:hover,.hero-entry.catalog-avangart .catalog-header.is-scrolled .navigation a[aria-current="page"]{background:#ffffff1f}
 .hero-entry.catalog-avangart .desktop-villa-stage{inset:0}
 .hero-entry.catalog-avangart .desktop-villa-canvas{width:max(100%,calc(100svh * 16 / 9))}
}
@media(min-width:981px) and (min-height:561px) and (max-height:700px){
 .hero-entry.catalog-avangart .catalog-header{min-height:48px;padding-block:2px}
 .hero-entry.catalog-avangart .catalog-header .logo{flex-basis:40px;width:40px;min-width:40px}
 .hero-entry.catalog-avangart .catalog-header .logo-image{width:40px;height:40px}
}