/* English composition and landscape room photography — v0.7.0 */
@media(min-width:1100px){
 html[lang=en] .hero{grid-template-columns:50% minmax(0,1fr);column-gap:4%}
 html[lang=en] .hero-gallery{inset-inline-end:46%}
 html[lang=en] .hero-copy{padding-inline-start:clamp(44px,4vw,76px);padding-inline-end:0}
 html[lang=en] .hero-copy h1{font-size:clamp(38px,3.15vw,62px);line-height:1.28;letter-spacing:-.035em}
 html[lang=en] .hero-line{white-space:normal;text-wrap:balance;overflow:visible}
 html[lang=en] .hero-line>span{display:inline}
 html[lang=en] .hero-description{max-width:48ch;text-wrap:balance}
 html[lang=en] .hero-description.secondary{max-width:65ch;text-wrap:balance}
 html[lang=en] .concierge-card form{grid-template-columns:.8fr 3.15fr 1.2fr minmax(270px,1.2fr)}
 html[lang=en] .concierge-fields{grid-template-columns:1.45fr 1fr 1fr}
 html[lang=en] .journey-trigger{gap:8px;white-space:nowrap;font-size:12px}
 html[lang=en] .journey-shell{gap:7px;padding-inline:9px}
 html[lang=en] .journey-shell>.icon{width:19px;height:19px}
 html[lang=en] .journey-trigger svg{width:12px;height:12px}
}
html[lang=en] .concierge-card .concierge-actions .button-primary{gap:9px;padding-inline:12px;white-space:nowrap}
@media(max-width:370px){html[lang=en] .concierge-card .concierge-actions .button-primary{font-size:12px;gap:7px;padding-inline:9px}}
@media(min-width:1100px) and (max-width:1279px){
 html[lang=en] .hero-description.secondary{font-size:13px;letter-spacing:-.1px}
 html[lang=en] .concierge-card form{grid-template-columns:.8fr 3.4fr 1.25fr;gap:14px}
 html[lang=en] .concierge-actions{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:flex-end}
 html[lang=en] .concierge-card .concierge-actions .button{width:auto;flex:1;max-width:320px;font-size:13px}
 html[lang=en] .concierge-card form>small{grid-column:1/-1;grid-row:3}
}
@media(min-width:681px) and (max-width:1099px){
 html[lang=en] .concierge-card form{grid-template-columns:1fr 1fr}
 html[lang=en] .city-selector{grid-column:1;grid-row:1}
 html[lang=en] .guest-row{grid-column:2;grid-row:1}
 html[lang=en] .concierge-fields{grid-column:1/-1;grid-row:2}
 html[lang=en] .concierge-actions{grid-column:1/-1;grid-row:3;flex-direction:row}
 html[lang=en] .concierge-card form>small{grid-row:4}
 html[lang=en] .concierge-fields{grid-template-columns:1.5fr 1fr 1fr}
 html[lang=en] .journey-trigger{white-space:nowrap;font-size:11px;gap:5px}
 html[lang=en] .journey-shell{gap:6px;padding-inline:8px}
}
/* Keep room images close to their original landscape proportions. */
.audience-card,html[lang=en] .audience-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:0}
.audience-photo{grid-row:1;aspect-ratio:3/2;min-height:0}
.audience-photo>img{object-position:50% 58%}
.audience-copy{padding:28px 32px;display:flex;flex-direction:column;align-items:flex-start}
.audience-copy .button{margin-top:auto}
.audience-copy>p:not(.card-eyebrow){margin-bottom:22px}
.curated-main .curated-photo{min-height:0;height:auto;aspect-ratio:3/2;flex:none}
.curated-small{grid-template-columns:1.35fr 1fr}
.curated-small>.curated-photo img{object-position:30% 60%}
.preference-image{height:auto;aspect-ratio:3/2}
.preference-image img{object-position:50% 60%}
@media(max-width:680px){
 .audience-copy{padding:25px}
 .curated-small{grid-template-columns:1fr;grid-template-rows:auto 1fr}
 .curated-small .curated-photo{height:auto;aspect-ratio:3/2}
 .curated-side{grid-template-columns:1fr}
}

/* Keep the English headline prominent on smaller screens too. */
@media(max-width:680px){html[lang=en] .hero-copy h1{font-size:clamp(34px,10vw,44px);line-height:1.3;letter-spacing:-.035em}html[lang=en] .hero-line{overflow:visible;text-wrap:balance}html[lang=en] .hero-line>span{display:inline}}