/* O meni (/about-me/) – title + text beside one photo, in the type and colours of the other redesigned pages.
   Solid header (no full-screen hero): the page starts below it. Wraps through flex-wrap, no breakpoints. */
.fla-om img.fla-om-img { width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; }
.fla-om-mask { display: block; overflow: hidden; padding-bottom: .08em; }
.fla-om-mask > * { display: block; }
.fla-om p { text-wrap: pretty; }
.fla-om a:focus-visible { outline: 2px solid var(--fla-accent); outline-offset: 3px; }

.fla-om-about { padding-top: var(--fla-header-h); }
.fla-om-about__inner { max-width: 1440px; margin: 0 auto; padding: clamp(48px, 7vw, 110px) clamp(20px, 4vw, 56px) clamp(80px, 10vw, 140px); display: flex; flex-wrap: wrap; align-items: center; gap: clamp(40px, 7vw, 120px); }
.fla-om-about__text { flex: 1 1 380px; display: flex; flex-direction: column; gap: 20px; max-width: 620px; }
.fla-om-about__title { font-family: var(--fla-serif); font-weight: 400; font-size: clamp(54px, 7vw, 112px); line-height: .95; letter-spacing: -.01em; color: var(--fla-head); }
.fla-om-about__rule { display: block; width: 72px; height: 1px; background: var(--fla-accent); transform-origin: left; margin: 4px 0 10px; }
.fla-om-about__p { font-size: 15px; line-height: 1.85; }
.fla-om-about__p:first-of-type { font-family: var(--fla-serif); font-style: italic; font-size: clamp(22px, 2vw, 28px); line-height: 1.4; color: var(--fla-head); }
.fla-om-about__sign { font-family: var(--fla-serif); font-style: italic; font-size: 30px; line-height: 1; color: var(--fla-head); margin-top: 6px; }
.fla-om-about__media { flex: 1 1 320px; max-width: 560px; }
.fla-om-about__frame { overflow: hidden; aspect-ratio: 2 / 3; }