/* Scoped city content: existing NextGen shell remains intact. */
.ra-city{font-family:Inter,system-ui,sans-serif;color:#e7eef7;max-width:1200px;margin:auto;padding:20px 0 50px}.ra-city section{margin:0 0 64px}.ra-city h1{font-size:clamp(38px,6vw,68px);line-height:1.08;letter-spacing:-.045em;max-width:820px;margin:16px 0 22px}.ra-city h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.025em;margin:0 0 14px}.ra-city p{color:#aebed1;line-height:1.75}.ra-city .ra-city-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;color:#65bdff;text-transform:uppercase}.ra-city .ra-city-lead{font-size:19px;max-width:720px}.ra-city .ra-city-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.ra-city .ra-city-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;background:#0969ad;color:white;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}.ra-city .ra-city-btn.secondary{background:transparent;border:1px solid #3d526c}.ra-city .ra-city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ra-city .ra-city-card{padding:26px;background:#101c2d;border:1px solid #293a50;border-radius:14px;min-width:0}.ra-city .ra-city-card h3{margin:0 0 12px;font-size:20px}.ra-city .ra-city-card .price{font-size:24px;font-weight:650;min-height:70px!important;margin:20px 0;color:#fff}.ra-city .ra-city-card ul{padding-left:18px;color:#aebed1;line-height:1.9}.ra-city .ra-city-note{font-size:12px;color:#94aac3}.ra-city form{padding:24px;background:#101c2d;border:1px solid #293a50;border-radius:14px;display:flex;gap:12px;flex-wrap:wrap}.ra-city input{flex:1;min-width:180px;min-height:48px;border-radius:8px;background:#0b1628;border:1px solid #3d526c;color:#fff;padding:12px;font:inherit}.ra-city label{width:100%;font-size:14px;font-weight:600}.ra-city .ra-city-faq details{padding:18px 0;border-bottom:1px solid #293a50}.ra-city summary{font-weight:600;cursor:pointer}.ra-city .ra-city-banner{padding:32px;background:linear-gradient(120deg,#14344f,#0f2032);border:1px solid #314b64;border-radius:14px}.ra-city .ra-city-links{display:flex;gap:18px;flex-wrap:wrap}.ra-city .ra-city-links a{color:#65bdff}.ra-city .ra-city-breadcrumb{font-size:12px;color:#94aac3;margin-bottom:30px}.ra-city .ra-city-breadcrumb a{color:#aebed1}@media(max-width:760px){.ra-city .ra-city-grid{grid-template-columns:1fr}.ra-city section{margin-bottom:44px}.ra-city .ra-city-card{padding:22px}.ra-city h1{font-size:42px}.ra-city form button{width:100%}}

.ra-city .ra-city-hero{position:relative;isolation:isolate;overflow:hidden;padding:54px 40px 48px;border:1px solid #294155;border-radius:18px;min-height:430px;background:#102536}
.ra-city .ra-city-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ra-city .ra-city-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1628f5 0%,#0b1628dc 38%,#0b162880 68%,#0b162815);z-index:-1}
.ra-city .ra-city-hero h1{max-width:780px}.ra-city .ra-city-hero .ra-city-lead{max-width:650px}.ra-city .ra-city-hero .ra-city-kicker{color:var(--city-accent,#65bdff)}
.ra-city .ra-domain-table-wrap{overflow-x:auto;border:1px solid #293a50;border-radius:12px}.ra-city table{border-collapse:collapse;width:100%;background:#101c2d;min-width:500px}.ra-city th,.ra-city td{text-align:left;padding:16px;border-bottom:1px solid #293a50}.ra-city th{color:#b9cadd;font-size:12px}.ra-city td{font-size:14px}.ra-city tbody tr:last-child td{border-bottom:0}.ra-city .ra-city-links{gap:10px}.ra-city .ra-city-links a{padding:8px 12px;border:1px solid #293a50;border-radius:8px;font-size:13px}
@media(max-width:760px){.ra-city .ra-city-hero{padding:32px 22px;min-height:430px}.ra-city .ra-city-hero>img{object-position:72% center}.ra-city .ra-city-hero:before{background:linear-gradient(90deg,#0b1628eb,#0b1628b5)}.ra-city .ra-city-hero h1{font-size:38px}.ra-city .ra-city-lead{font-size:17px}}

main.ra-city-main{padding-top:24px;padding-bottom:40px}

/* R26 hero safety: prevents an unstyled image occupying the page. */
main.ra-city-main .ra-city-hero{position:relative;isolation:isolate;overflow:hidden;min-height:400px;padding:40px;border-radius:22px;background:#0b1628;border:1px solid #294155}
main.ra-city-main .ra-city-hero>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:-2}
main.ra-city-main .ra-city-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1628f7,#0b1628e6 42%,#0b162863)}
main.ra-city-main .ra-city-hero h1{font-size:clamp(32px,4.6vw,60px);line-height:1.12;max-width:700px;margin:14px 0 20px}
main.ra-city-main .ra-city-hero p{max-width:610px;color:#c1d0e0;line-height:1.7}
@media(max-width:767px){main.ra-city-main .ra-city-hero{min-height:400px;padding:28px 22px}main.ra-city-main .ra-city-hero>img{object-position:75% center}main.ra-city-main .ra-city-hero:before{background:linear-gradient(90deg,#0b1628ed,#0b1628bc)}}

.ra-city .ra-culture{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;padding:32px;border:1px solid #294155;border-radius:20px;background:linear-gradient(135deg,#101f30,#0b1628)}
.ra-city .ra-culture h2{font-size:clamp(25px,3vw,36px)}.ra-city .ra-culture-list{display:grid;gap:14px}.ra-city .ra-culture-list article{border-left:3px solid #2d9fe8;padding:4px 0 4px 18px}.ra-city .ra-culture-list h3{font-size:17px;font-weight:700;margin-bottom:5px}.ra-city .ra-culture-list p{font-size:14px;margin:0}
.ra-city .ra-city-grid.ra-package-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr))}.ra-city .ra-city-hero .ra-city-actions{margin-top:24px}.ra-city .ra-city-note{font-size:13px;line-height:1.65}.ra-city .ra-city-hero .ra-city-note{margin-top:22px;color:#aec4d8}
@media(max-width:767px){.ra-city .ra-culture{grid-template-columns:1fr;padding:24px;gap:22px}.ra-city .ra-city-actions{display:grid;grid-template-columns:1fr}.ra-city .ra-city-btn{width:100%}.ra-city .ra-city-hero{margin-bottom:36px}.ra-city section{margin-bottom:40px}.ra-city{padding-top:0}.ra-city .ra-city-breadcrumb{margin-bottom:18px}}

/* R27 landmark colour stays visible on the illustration side. */
main.ra-city-main .ra-city-hero:before{background:linear-gradient(90deg,#0b1628f7 0%,#0b1628ee 40%,#0b16287d 64%,#0b162815 100%)}
@media(max-width:767px){main.ra-city-main .ra-city-hero:before{background:linear-gradient(90deg,#0b1628f0,#0b1628c4)}main.ra-city-main .ra-city-hero>img{object-position:82% center}}

/* R28: explicit visible artwork panel; no negative stacking or overlay. */
main.ra-city-main .ra-city-hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:28px;row-gap:0;align-items:start;padding:32px!important;min-height:0!important;background:#101e30!important}
main.ra-city-main .ra-city-hero:before{display:none!important}
main.ra-city-main .ra-city-hero>img{position:relative!important;inset:auto!important;z-index:0!important;grid-column:2;grid-row:1 / span 6;align-self:stretch;width:100%!important;height:100%!important;min-height:330px;max-height:460px;object-fit:cover!important;object-position:68% center!important;display:block!important;opacity:1!important;visibility:visible!important;border-radius:14px;border:1px solid #385269}
main.ra-city-main .ra-city-hero>:not(img){position:relative;z-index:1;grid-column:1;min-width:0}
main.ra-city-main .ra-city-hero h1{font-size:clamp(30px,3.3vw,46px)!important;margin:12px 0 18px;max-width:100%;overflow-wrap:anywhere}
main.ra-city-main .ra-city-hero .ra-city-lead{font-size:17px;line-height:1.65}
main.ra-city-main .ra-city-hero .ra-city-actions{margin-top:20px}
main.ra-city-main .ra-city-hero .ra-city-note{font-size:12px;margin-top:18px}
@media(max-width:767px){main.ra-city-main .ra-city-hero{display:flex!important;flex-direction:column!important;padding:24px 20px!important;gap:0}main.ra-city-main .ra-city-hero>img{order:2;align-self:stretch;width:100%!important;height:210px!important;min-height:0;max-height:none;object-position:68% center!important;margin-top:22px}main.ra-city-main .ra-city-hero .ra-city-note{order:3;margin-top:12px}main.ra-city-main .ra-city-hero h1{font-size:32px!important}}
