@charset "UTF-8";
/* ==========================================================================
   Page headings
   --------------------------------------------------------------------------
   Loaded after compiled.purged.min.css and style.min.css so it can override
   the legacy rule without editing those generated files.

   .page-title was a flat 65px (56px on the home page, via a style attribute
   that no media query could reach). One word of Bulgarian at that size is
   wider than a phone: "НЕДВИЖИМИ" measured 397px inside a 345px column at
   375px viewport, and because nothing along the ancestor chain clips, those 52
   px became 37px of horizontal scroll on *every* page of the site — the whole
   document could be dragged sideways.

   Sizing the heading off the viewport is the fix rather than hiding the
   symptom with overflow-x: hidden on the body: that would have left the text
   silently cut off, and it breaks position: sticky for everything inside it.

   8vw is set so the longest heading still clears its column with room to
   spare: 30px at 375px wide leaves "НЕДВИЖИМИ" at 213px in a 345px box, which
   holds for the longer German and Czech headings too. The upper bound keeps
   every desktop rendering exactly as it was.
   ========================================================================== */

.page-title {
    /* Fixed value first, as the IE11 fallback — clamp() is ignored there and
       IE11 gets the size it has always had. */
    font-size: 65px;
    font-size: clamp(24px, 8vw, 65px);
}

/* The home page heading was 400% of the 14px root, i.e. 56px. Same curve,
   lower ceiling, so the desktop difference between it and the other pages
   survives. */
body.index .page-title {
    font-size: 56px;
    font-size: clamp(24px, 8vw, 56px);
}

@media (max-width: 767px) {
    /* min-height: 78px was sized for a 65px line; at 30px it is an empty band
       under the heading. */
    .page-title {
        min-height: 0;
    }
}