/* O nás: mobile reference on a 402px canvas; shared navigation and footer. */
.about-page{font:300 calc(14px + var(--abraka-desktop-type-add, 0px))/1.5 DM,sans-serif;color:#11130f;overflow:hidden;container-type:inline-size}
.about-page p,.about-page h1,.about-page h2,.about-page figure{margin:0}
.about-page h1,.about-page h2{font-family:DM,sans-serif;font-weight:400}
.about-page img{display:block;width:100%;height:auto}
.about-hero{position:relative;aspect-ratio:2.5;overflow:hidden}
.about-page .about-hero img{height:100%;object-fit:cover;object-position:50% 44%}
.about-hero h1{position:absolute;bottom:12px;left:16px;color:white;font-size:calc(26px + var(--abraka-desktop-type-add, 0px));line-height:1.15}
.about-intro{padding:24px 16px 26px}
.about-page .about-lead{font:400 calc(20px + var(--abraka-desktop-type-add, 0px))/1.25 'Teodor Regular',Georgia,serif;text-align:center}
.about-page hr{border:0;border-top:1px solid #6c6c66;margin:24px 0}
.about-landscape{position:relative}
.about-landscape h2{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;text-align:center;color:white;font:400 calc(clamp(36px,11.6cqw,50px) + var(--abraka-desktop-type-add, 0px))/1 'Teodor Regular',Georgia,serif;letter-spacing:normal}
.about-values{padding:40px 16px 44px}
.about-page .about-values h2,.about-movement h2,.about-person h2{font-size:calc(clamp(36px,11.6cqw,50px) + var(--abraka-desktop-type-add, 0px));line-height:1;letter-spacing:normal}
.about-page .about-values h2{margin-bottom:18px}
.about-movement{padding:40px 24px 48px;text-align:center}
.about-movement h2{line-height:1.15;margin-bottom:40px}
.about-team-ticker{background:#ecee8c;padding:10px 0;overflow:hidden;white-space:nowrap;font-size:calc(clamp(36px,11.6cqw,50px) + var(--abraka-desktop-type-add, 0px));font-weight:400;line-height:1.2;letter-spacing:normal}
.about-team-ticker .marquee-track{display:flex;animation-duration:24s}
.about-team-ticker span{display:block;flex-shrink:0;width:max-content;padding-right:.3em}
.about-team-ticker:hover .marquee-track{animation-play-state:paused}
.about-team{padding:0 16px 38px}
.about-person{padding:44px 0 24px;border-bottom:1px solid #6c6c66}
.about-page .about-person h2{line-height:.9;margin-bottom:22px}
.about-page .about-role{font:400 calc(20px + var(--abraka-desktop-type-add, 0px))/1.2 'Teodor Regular',Georgia,serif;margin-bottom:8px}
.about-role-andrea{color:#bbadd9}.about-role-ivo{color:#3d7067}
.about-page .about-titles{margin-bottom:12px}
.about-person img{aspect-ratio:1;object-fit:cover}
.about-page .about-bio{margin-top:22px}
@media(max-width:359px){.about-page{font-size:calc(13px + var(--abraka-desktop-type-add, 0px))}.about-page .about-lead{font-size:calc(19px + var(--abraka-desktop-type-add, 0px))}.about-movement{padding-inline:16px}}
@media(min-width:768px){.about-page .about-lead{max-width:640px;margin-inline:auto}.about-intro>p:not(.about-lead),.about-values p{max-width:640px;margin-inline:auto}}

.about-page{font-size:calc(14px + var(--abraka-desktop-type-add, 0px))}.about-page .about-lead{font-size:calc(clamp(18px,4.975cqw,22px) + var(--abraka-desktop-type-add, 0px))}

.about-person:last-child{border-bottom:0;padding-bottom:0}
