/* Start:/local/templates/akvarel/assets/css/pages/about.css?17904357692316*/
.about-hero{display:grid;gap:28px;padding-top:40px}
@media (min-width:1100px){.about-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:end;padding-top:64px}}
.about-hero__text{display:grid;gap:18px;align-content:end}
.about-hero__lead{margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.5;max-width:34ch;text-wrap:pretty}
.about-hero__photo{margin:0}
.about-hero__photo img{width:100%;height:auto}
@media (max-width:767px){.about-hero__photo{margin-inline:calc(var(--pad)*-1)}}

.about-sec{display:grid;gap:18px;margin-top:80px}
@media (min-width:1100px){.about-sec{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;margin-top:112px}}
.about-sec h2{font-size:var(--fs-h2);font-weight:400;letter-spacing:-.025em;line-height:1.1;margin:0}
.about-sec__head{display:grid;gap:10px;align-content:start}

.timeline{margin:0;display:grid;grid-template-columns:auto 1fr;border-top:1px solid var(--line)}
.timeline dt,.timeline dd{margin:0;padding-block:16px;border-bottom:1px solid var(--line)}
.timeline dt{font:400 13px/1.6 var(--font-mono);letter-spacing:.02em;color:var(--muted);padding-right:28px;white-space:nowrap}
.timeline dd{font-size:16px;line-height:1.5}
.timeline dd small{display:block;margin-top:2px;font-size:14px;color:var(--muted)}

.quote{margin:0;font-size:clamp(28px,3.4vw,46px);font-weight:400;letter-spacing:-.03em;line-height:1.12;text-wrap:balance}
.quote cite{display:block;margin-top:14px;font:400 11px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-style:normal}

.prose{font-size:17px;line-height:1.65;max-width:62ch}
.prose p{margin:0 0 1em}
.prose .ph-note{color:var(--muted);font-style:italic}

.about-works{margin-top:112px}
.about-works__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.about-works__head h2{font-size:var(--fs-h2);font-weight:400;letter-spacing:-.025em;line-height:1.1;margin:0}
.about-works__head a{font-size:14px;color:var(--muted);white-space:nowrap}
.about-works__head a:hover{color:var(--text)}

.about-contacts{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:17px}
.about-contacts a{text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:4px}
.about-contacts a:hover{text-decoration-color:currentColor}

/* End */
/* /local/templates/akvarel/assets/css/pages/about.css?17904357692316 */