/* About page. Who reads it: someone checking who is behind Paperota. Its one job: say why it exists, honestly. Next step: start free. */
.ab-hero{padding-block:clamp(48px,8vw,120px) clamp(32px,4vw,64px)}
.ab-hero .p3-intro__h{max-width:16em}
.ab-hero .p3-lead{max-width:38em}

.ab-why{padding-block:clamp(32px,4vw,64px) clamp(64px,8.5vw,128px)}
.hp-side{display:grid;gap:var(--s5)}
.hp-side>*{min-width:0}
.ab-why h2,.ab-facts-s h2,.ab-name h2{font-size:clamp(26px,3.2vw,40px)}
.ab-prose{display:grid;gap:var(--s4);max-width:40rem}
@media (min-width:960px){.hp-side{grid-template-columns:4fr 8fr;gap:var(--s8);align-items:start}}

/* the name: big letters, the page's one strong picture */
.ab-words{display:grid;gap:var(--s5);margin-block-start:var(--s6)}
.ab-words li{display:flex;gap:var(--s4);align-items:center}
.ab-l{flex:none;width:1.1em;font-family:"Sora",var(--sans);font-size:clamp(64px,9vw,120px);font-weight:700;line-height:1;color:var(--accent);text-align:center}
.ab-words h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s3);font-size:clamp(22px,2.4vw,28px)}
.ab-words h3 [lang=en]{font-family:"Sora",var(--sans)}
.ab-ar{color:var(--on-navy-2);font-size:var(--t-b);font-weight:500}
.ab-words p{margin-block-start:var(--s1)}
@media (min-width:960px){
  .ab-words{gap:var(--s6);margin-block-start:var(--s7);max-width:48rem}
  .ab-words li{gap:var(--s5)}
}

/* plain facts: the things a careful person wants to check */
.ab-facts>div{display:grid;gap:var(--s1);padding-block:var(--s4);border-top:1px solid var(--line)}
.ab-facts>div:last-child{border-bottom:1px solid var(--line)}
.ab-facts dt{color:var(--ink);font-weight:700}
.ab-links{display:flex;flex-wrap:wrap;gap:0 var(--s5)}
@media (min-width:640px){.ab-facts>div{grid-template-columns:11rem 1fr;gap:var(--s5)}}

/* the Arabic font arrives late on a slow phone and the title gains a line: its room is kept */
@media (max-width:479px){html[lang=ar] .ab-hero .p3-intro__h{min-height:2.6em}}
@media (max-width:389px){html[lang=ar] .ab-hero .p3-intro__h{min-height:3.9em}}