/* css/p-about.css */
.ab-ph{position:relative;margin:0;overflow:hidden;background:var(--rly-bg-muted);align-self:stretch;justify-self:stretch;min-width:0}
.ab-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab-hero-ph img,.ab-fo-ph img,.ab-av:not(.ab-av-seth) img{filter:saturate(1.15)}
.ab-in{display:flex;flex-direction:column;align-items:flex-start}
.ab-hero{grid-template-columns:repeat(4,minmax(0,1fr))}
.ab-hero-tx{grid-column:span 2;justify-content:center}
.ab-hero-ph{grid-column:span 2;aspect-ratio:5/4}
.ab-hero-ph img{object-position:50% 30%}
.ab-fact{display:flex;flex-direction:column;gap:4px;padding:24px var(--pad) 28px}
.ab-fact dt{font-size:14px;line-height:20px;color:var(--rly-text-muted)}
.ab-fact dd{font:600 24px/32px Geist,Inter,sans-serif;letter-spacing:-.02em;color:var(--rly-text-primary)}
.ab-fo{grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,2fr) minmax(0,3fr)}
.ab-fo-p1 img{object-position:55% 50%}
.ab-fo-p2 img{object-position:35% 50%}
.ab-fo-tx{display:flex;flex-direction:column;padding:32px}
.ab-fo-tx .ab-in{flex:1}
.ab-name{font:600 24px/32px Geist,Inter,sans-serif;letter-spacing:-.02em;color:var(--rly-text-primary);margin-bottom:4px}
.ab-fo-tx .meta-row{margin-bottom:16px}
.ab-role{font:600 14px/20px Inter,sans-serif;color:var(--rly-text-secondary);margin-bottom:8px}
.ab-fo-tx .body{flex:1;margin-bottom:24px;text-wrap:pretty}
.ab-li svg{width:16px;height:16px;fill:currentColor}
.ab-why{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.ab-why-hd,.ab-why-tx{padding:80px var(--pad)}
.ab-why-tx .ab-in{gap:16px;max-width:640px}
.ab-office{grid-column:1/-1;aspect-ratio:1600/666}
.ab-office img{object-position:30% 50%}
.ab-cap{grid-column:1/-1;padding:16px var(--pad);font-size:14px;line-height:20px;color:var(--rly-text-muted)}
.ab-proof{grid-template-columns:minmax(0,1fr)}
.ab-proof-hd{padding:80px var(--pad) 48px}
.ab-cl{padding:80px var(--pad)}
.ab-cl .ab-st{align-items:center;text-align:center;padding:40px 0 0}
.ab-ct{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.ab-ct-tx{grid-row:span 3;padding:80px var(--pad)}
.ab-ct-tx .ab-in{gap:16px}
.ab-ct-tx .btns{margin-top:8px}
.ab-trial{margin-top:8px;font-size:15px;line-height:22px;color:var(--rly-text-muted)}
.ab-pp{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px var(--pad)}
.ab-pp p{display:flex;flex-direction:column;font-size:14px;line-height:20px;color:var(--rly-text-tertiary);text-wrap:pretty}
.ab-pp b{font-weight:600;font-size:15px;line-height:22px;color:var(--rly-text-primary)}
.ab-av{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--rly-brand-200)}
.ab-av::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rly-brand-900) 8%,transparent)}
.ab-av img{width:100%;height:100%;object-fit:cover}
.ab-av-seth{display:grid;place-items:center;background:var(--rly-solid-default)}
.ab-av-seth img{width:24px;height:auto;filter:invert(1)}
.ab-to{font:600 15px/22px Inter,sans-serif;color:var(--rly-link-default);white-space:nowrap}
.ab-to:hover{color:var(--rly-link-hover);text-decoration:underline;text-underline-offset:3px}
@media screen and (max-width:1199px){
.ab-hero{grid-template-columns:repeat(2,minmax(0,1fr))}
.ab-hero-tx,.ab-hero-ph{grid-column:span 1}
.ab-fo{grid-template-columns:repeat(2,minmax(0,1fr))}
.ab-fo-p1{grid-area:1/1}.ab-fo-p2{grid-area:1/2}.ab-fo-t1{grid-area:2/1}.ab-fo-t2{grid-area:2/2}
.ab-fo-ph{aspect-ratio:4/3}
.ab-fo-p1 img{object-position:50% 30%}
.ab-fo-p2 img{object-position:40% 25%}
.ab-fo-tx{padding:32px var(--pad) 40px}
}
@media screen and (max-width:991px){
.ab-hero-tx,.ab-hero-ph{grid-column:1/-1}
.ab-hero-ph{aspect-ratio:16/9}
.ab-hero-ph img{object-position:50% 20%}
.ab-why-hd,.ab-why-tx,.ab-ct-tx{padding:64px var(--pad)}
.ab-proof-hd{padding:64px var(--pad) 40px}
.ab-cl{padding:64px var(--pad)}
.ab-ct{grid-template-columns:minmax(0,1fr)}
.ab-ct-tx{grid-row:auto}
}
@media screen and (max-width:767px){
.ab-hero-ph{aspect-ratio:5/4}
.ab-hero-ph img{object-position:50% 30%}
.ab-fact{padding:20px var(--pad) 24px}
.ab-fact dd{font-size:20px;line-height:28px}
.ab-fo{grid-template-columns:minmax(0,1fr)}
.ab-fo-p1,.ab-fo-p2,.ab-fo-t1,.ab-fo-t2{grid-area:auto}
.ab-fo-tx{padding:24px var(--pad) 32px}
.ab-why{grid-template-columns:minmax(0,1fr)}
.ab-why-hd{padding:48px var(--pad) 40px}
.ab-why-tx{padding:40px var(--pad) 48px}
.ab-office{aspect-ratio:3/2}
.ab-proof-hd{padding:48px var(--pad) 32px}
.ab-cl{padding:48px var(--pad)}
.ab-cl .ab-st{padding-top:32px}
.ab-ct-tx{padding:48px var(--pad)}
.ab-pp{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:4px 12px;padding:20px var(--pad)}
.ab-av{width:40px;height:40px}
.ab-av-seth img{width:20px}
.ab-to{grid-column:2;white-space:normal}
}
