/* English composition and typography for the shared City2Day heroes. */
body.lang-en .khx-hero--hotel .khx-title { line-height: 1.2; letter-spacing: -.035em; }
body.lang-en .khx-hero--hotel .khx-sub { line-height: 1.8; }
body.lang-en .khx-hero--hotel .khx-ctas svg,
body.lang-en .sci-hero .sci-button-primary svg,
body.lang-en .kfs-hero .kfs-arrows svg { transform: rotate(180deg); }
body.lang-en .hero.sci-hero h1 { line-height: 1.18; letter-spacing: -.035em; }
body.lang-en .hero.sci-hero .lead-c2d { line-height: 1.8; }
body.lang-en .hero.kfs-hero h1 { line-height: 1.4; letter-spacing: -.02em; }
body.lang-en .kfs-hero .kfs-caption h2 { line-height: 1.2; letter-spacing: -.035em; }
body.lang-en .kfs-hero .kfs-caption > p { line-height: 1.8; }
body.lang-en .kfs-hero .kfs-caption li { padding-inline-start: 23px; position: relative; }
body.lang-en .kfs-hero .kfs-caption li::before { position: absolute; inset-inline-start: 0; }
@media (max-width: 575.98px) {
    body.lang-en .khx-hero--hotel .khx-ctas { grid-template-columns: 1fr; }
    body.lang-en .khx-hero--hotel .khx-trust { align-items: flex-start; }
}
@media (min-width: 768px) {
    body.lang-en .khx-hero--hotel .khx-hotel-scene img {
        left: auto;
        right: min(0px, calc(50vw - 660px));
        -webkit-mask-image: linear-gradient(270deg, #000 70%, transparent 100%);
        mask-image: linear-gradient(270deg, #000 70%, transparent 100%);
    }
    body.lang-en .khx-hero--hotel .khx-hotel-shade { background: linear-gradient(90deg, rgba(16,27,44,1) 0%, rgba(16,27,44,.93) 23%, rgba(16,27,44,.65) 42%, rgba(16,27,44,.06) 66%, rgba(16,27,44,.02) 100%); }
    body.lang-en .khx-hero--hotel .khx-title { font-size: clamp(32px, 3.55vw, 52px); }
}
@media (min-width: 900px) {
    body.lang-en .kfs-hero .kfs-photo { left: auto; right: 0; }
    body.lang-en .kfs-hero .kfs-controls { left: auto; right: 34px; }
}
@media (min-width: 1100px) {
    body.lang-en .sci-hero .sci-features { font-size: 12px; }
    body.lang-en .sci-hero .sci-gallery-thumbs button { font-size: 10px; gap: 6px; }
}
