/* Different editorial compositions share the approved city-gallery interaction. */
.city-guide-page[data-city-composition] .city-project-visual img{filter:none}
.city-guide-page[data-city-composition="framed"] .city-hero-figure{padding:0;border:0}
.city-guide-page[data-city-composition="framed"] .city-hero-note{max-width:70%}
@media(min-width:1100px){
 .city-guide-page[data-city-composition="editorial"] .city-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);column-gap:6%}
 .city-guide-page[data-city-composition="editorial"] .city-breadcrumb,.city-guide-page[data-city-composition="editorial"] .city-index{grid-column:1/-1}
 .city-guide-page[data-city-composition="editorial"] .city-hero-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:40px;padding-block:45px}
 .city-guide-page[data-city-composition="editorial"] h1{font-size:clamp(76px,7.4vw,126px)}
 .city-guide-page[data-city-composition="editorial"] h1 em{display:block}
 .city-guide-page[data-city-composition="editorial"] .city-hero-aside{max-width:330px}
 .city-guide-page[data-city-composition="editorial"] .city-hero-figure{padding-top:35px}
 .city-guide-page[data-city-composition="editorial"] .city-hero-image{aspect-ratio:1.08;min-height:530px}
 .city-guide-page[data-city-composition="editorial"] .city-hero-note p{font-size:clamp(44px,4vw,64px)}
 .city-guide-page[data-city-composition="editorial"] .city-hero-scroll span{display:none}
 .city-guide-page[data-city-composition="framed"] .city-project:first-child .city-project-image{aspect-ratio:1.4}
}
@media(max-width:760px){
 .city-guide-page[data-city-composition="framed"] .city-hero-figure{padding:0}
 .city-guide-page[data-city-composition="framed"] .city-photo-caption{font-size:9px}
}