/*
 * About page only (/about, /bn/about). Linked from the rendered about.html
 * fragment by lib/legacy/founderSection.mjs; no other page loads this file.
 */

/* Founder section (owner decision 2026-09-27). Copied unchanged from the
   approved preview public/demo/about-founder.html; every rule is scoped
   under .fdr. */
.fdr{background:#fff7fb;border-top:1px solid #f6d3e5;border-bottom:1px solid #f6d3e5;padding:56px 0;margin:40px 0}
.fdr .wrap{max-width:1100px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}
.fdr .eyebrow{color:#df0c7d;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin:0 0 8px}
.fdr h2{font-size:30px;line-height:38px;margin:0 0 18px;color:#1f2330}
.fdr p{font-size:17px;line-height:28px;color:#3b414b;margin:0 0 16px}
.fdr .photo{width:280px;height:340px;border-radius:18px;background:linear-gradient(160deg,#df0c7d 0%,#b30a64 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:120px;line-height:1;box-shadow:0 10px 30px rgba(223,12,125,.18)}
.fdr .who{margin-top:14px;font-weight:700;color:#1f2330;font-size:18px}
.fdr .role{color:#565d67;font-size:15px}
.fdr blockquote{margin:24px 0;padding:20px 24px;border-left:5px solid #df0c7d;background:#fff;border-radius:0 14px 14px 0;font-size:20px;line-height:31px;color:#1f2330;font-style:italic}
.fdr blockquote cite{display:block;font-style:normal;font-size:15px;color:#565d67;margin-top:10px}
.fdr .vals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 8px}
.fdr .val{background:#fff;border:1px solid #efe3ea;border-radius:14px;padding:18px}
.fdr .val b{display:block;color:#1f2330;font-size:17px;margin-bottom:6px}
.fdr .val span{color:#565d67;font-size:15px;line-height:23px}
.fdr .ctas{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.fdr .ctas a{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none;font-size:16px}
.fdr .ctas .p{background:#df0c7d;color:#fff}
.fdr .ctas .s{border:2px solid #1f2330;color:#1f2330}
.fdr img.photo{object-fit:cover;object-position:50% 20%;background:none;display:block;padding:0}
@media (max-width:760px){.fdr .wrap{grid-template-columns:1fr}.fdr .photo{width:100%;height:260px}.fdr .vals{grid-template-columns:1fr}.fdr h2{font-size:25px;line-height:32px}}

/* Phone/tablet sideways scroll (measured 45px at 390 before this fix).
   1. customs.css gives .about_intro .container width:100% + padding-left:30px
      with box-sizing:content-box, plus Bootstrap's 15px right padding, so the
      hero box is 100% + 45px wide at every viewport below 1069px. Counting the
      padding inside the width fixes it; at 1069px and up the 1024px max-width
      still binds, so desktop is unchanged.
   2. customs.css zeroes .about_faq .container's side padding, so the FAQ
      .row's -15px Bootstrap gutters stick out 15px past the viewport while the
      container is full-width (below 992px). Zero the row gutters there. */
@media (max-width:1068px){.about_intro .container{box-sizing:border-box}}
@media (max-width:991px){.about_faq .row{margin-left:0;margin-right:0}}