.rpe-city-experience-media,.rpe-city-experience-hero__media,.rpe-city-card__media{position:absolute;inset:0;overflow:hidden;background:#111827}
.rpe-city-scene{position:absolute;inset:-2%;display:block;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.015);transition-property:opacity,transform;transition-timing-function:ease;will-change:opacity,transform}
.rpe-city-scene.is-active{opacity:1;transform:scale(1.045)}
.rpe-x-hero--city-experience .rpe-hero-media{background-image:none!important}
.rpe-city-experience-hero{position:relative;isolation:isolate;min-height:clamp(440px,64vh,760px);display:grid;place-items:center;overflow:hidden;color:#fff;background:#111827}
.rpe-city-experience-hero__media{z-index:-3}.rpe-city-experience-hero__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,5,9,.18),rgba(3,5,9,.58) 62%,rgba(3,5,9,.82))}
.rpe-city-experience-hero__content{width:min(1120px,calc(100% - 40px));text-align:center}.rpe-city-experience-hero__content small{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.rpe-city-experience-hero__content h1{font-size:clamp(48px,8vw,104px);line-height:.95;margin:14px 0;color:#fff;letter-spacing:-.055em}.rpe-city-experience-hero__content p{font-size:clamp(17px,2vw,24px);max-width:760px;margin:auto;color:rgba(255,255,255,.88)}
.rpe-entering-city body:before{content:"";position:fixed;inset:0;z-index:999999;background:#0b0d11;pointer-events:none;animation:rpeEnterCity .55s ease both}@keyframes rpeEnterCity{from{opacity:0}to{opacity:1}}
.rpe-city-card.is-entering{transform:scale(.985)!important}
@media(prefers-reduced-motion:reduce){.rpe-city-scene{transition:none!important;transform:none!important}.rpe-entering-city body:before{animation:none}}
/* Global Homepage Experience 6.0A.2 — Popular Cities Experience Engine integration */
.rpe-city-scene>img,.rpe-city-scene>video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:var(--rpe-focal-x,50%) var(--rpe-focal-y,50%)}
.rpe-city-scene--video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,13,.02),rgba(5,8,13,.12));pointer-events:none}
.rpe-city-card__fallback.is-runtime-fallback{opacity:1;transition:opacity .5s ease}
.rpe-city-card.has-experience-pack .rpe-city-scene.is-active~.rpe-city-card__fallback,.rpe-city-card.has-experience-pack .rpe-city-scene.is-active+.rpe-city-card__fallback{opacity:0}
.rpe-city-card.has-experience-pack .rpe-city-scene{inset:0;transform:scale(1.01)}
.rpe-city-card.has-experience-pack .rpe-city-scene.is-active{transform:scale(1.055)}
.rpe-city-card.has-experience-pack:hover .rpe-city-scene.is-active{transform:scale(1.075)}
.rpe-city-card.has-experience-pack .rpe-city-scene--video video{filter:saturate(1.05) contrast(1.025)}
.rpe-city-card.has-experience-pack:focus-within{outline:3px solid rgba(237,28,36,.85);outline-offset:4px}
@media(max-width:700px){.rpe-city-card.has-experience-pack .rpe-city-scene--video{display:none}.rpe-city-card.has-experience-pack .rpe-city-scene--video.is-active{display:block;background:#111827}.rpe-city-card.has-experience-pack .rpe-city-scene--video.is-active video{display:none}.rpe-city-card.has-experience-pack .rpe-city-scene--video.is-active:before{content:"";position:absolute;inset:0;background-image:var(--rpe-video-poster);background-size:cover;background-position:center}}

/* Strict Experience Pack diagnostics (Studio/admin only). */
.rpe-city-card__diagnostic{position:absolute;z-index:8;left:12px;top:12px;max-width:calc(100% - 24px);padding:6px 9px;border-radius:999px;background:rgba(8,12,20,.78);color:#fff;font:700 10px/1.2 system-ui;letter-spacing:.02em;backdrop-filter:blur(8px);pointer-events:none}.rpe-city-card[data-media-source="strict-placeholder"] .rpe-city-card__placeholder{background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.14),transparent 25%),linear-gradient(145deg,#ed1c24,#771015 52%,#07090d)}
