/* About page: shared brand, independent layout, no legacy Bootstrap. */
.wl-about{padding:28px 0 56px}
.wl-about-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--wl-muted);margin-bottom:38px}
.wl-about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.wl .wl-about-hero h1{font-size:clamp(38px,4.2vw,61px);line-height:1.09;font-weight:800;letter-spacing:-.045em;margin:20px 0 24px;overflow-wrap:break-word}
.wl-about-hero h1 em{color:var(--wl-orange);font-style:normal}
.wl .wl-about-intro{font-size:17px;line-height:1.8;color:#53594e;max-width:540px}
.wl-about-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}
.wl-about-photo{margin:0;position:relative;min-width:0;border-radius:90px 24px 24px 24px;overflow:hidden;background:#f5f0e5}
.wl-about-photo picture{display:block;height:400px}
.wl .wl-about-photo img{width:100%;height:100%;object-fit:cover;object-position:right top}
.wl-about-photo figcaption{padding:18px 24px;font-size:14px;font-weight:650;background:#fff;border:1px solid var(--wl-line);border-top:0;border-radius:0 0 24px 24px}
.wl-about-section{margin-top:76px}
.wl .wl-about-section h2{font-size:clamp(27px,2.7vw,37px);letter-spacing:-.035em;line-height:1.2}
.wl-about-heading{max-width:740px;margin-bottom:30px}
.wl .wl-about-heading>p{color:#62665c;font-size:16px;line-height:1.8;margin-top:16px}
.wl-about-mission{border-top:1px solid var(--wl-line);padding-top:56px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px}
.wl-about-mission .wl-eyebrow,.wl-about-values .wl-eyebrow{margin-bottom:18px}
.wl .wl-about-prose p{font-size:16px;line-height:1.9;color:#565c50}
.wl .wl-about-prose p+p{margin-top:18px}
.wl-about-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wl-about-card{background:#fff;border:1px solid var(--wl-line);border-radius:22px;padding:28px}
.wl-about-number{display:block;color:#d85811;font-size:13px;font-weight:750;letter-spacing:2px;margin-bottom:25px}
.wl .wl-about-card h3,.wl .wl-about-feature h3{font-size:21px;font-weight:750;line-height:1.3;margin-bottom:14px}
.wl .wl-about-card p,.wl .wl-about-feature p{font-size:15px;line-height:1.8;color:#62665c}
.wl-about-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 50px}
.wl-about-feature{display:flex;gap:18px;align-items:flex-start}
.wl-about-check{flex-shrink:0;display:grid;place-items:center;background:#e8eedf;color:#34733b;border-radius:50%;width:36px;height:36px;font-weight:700}
.wl-about-values{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:54px;background:#f2f0e6;border:1px solid #e8e4d5;border-radius:26px;padding:42px}
.wl .wl-about-values h2{margin-bottom:20px}
.wl .wl-about-values p:not(.wl-eyebrow){font-size:16px;line-height:1.85;color:#565c50}
.wl-about-values-aside{align-self:center}
.wl-about-values ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 24px;list-style:none}
.wl-about-values li{padding:9px 15px;background:#fff;border:1px solid #e1dece;border-radius:24px;font-size:13px;font-weight:600}
.wl .wl-about-values-aside p{font-weight:650}
.wl-about-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.wl-about-cities a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border:1px solid var(--wl-line);border-radius:14px;background:#fff;font-size:14px;font-weight:600}
.wl-about-cities a:hover{border-color:var(--wl-orange)}
.wl-about-cities a span{color:var(--wl-orange)}
.wl-about-answers{max-width:880px}
.wl-about-answers article{padding:25px 0;border-top:1px solid var(--wl-line)}
.wl .wl-about-answers h3{font-size:20px;font-weight:700;margin-bottom:11px}
.wl .wl-about-answers article p{font-size:15px;line-height:1.85;color:#565c50}
.wl-about-resources{display:flex;flex-wrap:wrap;gap:16px 25px;margin-top:18px;font-size:14px;font-weight:650}
.wl-about-resources a{color:#b83f00;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.wl-about-hero{gap:30px}.wl-about-photo picture{height:360px}.wl-about-audiences{gap:15px}.wl-about-card{padding:22px}.wl-about-mission{gap:35px}.wl-about-values{gap:30px;padding:30px}}
@media(max-width:760px){.wl-about{padding-top:20px;padding-bottom:38px}.wl-about-breadcrumb{margin-bottom:28px}.wl-about-hero,.wl-about-mission,.wl-about-values{grid-template-columns:1fr;gap:28px}.wl-about-hero>div{max-width:600px}.wl .wl-about-hero h1{font-size:clamp(38px,8vw,55px);margin-top:16px}.wl .wl-about-intro{font-size:16px}.wl-about-photo{border-top-left-radius:56px}.wl-about-photo picture{height:auto;aspect-ratio:1.6}.wl-about-section{margin-top:48px}.wl-about-mission{padding-top:36px}.wl-about-audiences{grid-template-columns:1fr}.wl-about-number{margin-bottom:15px}.wl-about-features{grid-template-columns:1fr;gap:28px}.wl-about-cities{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-about-values{padding:25px}.wl-about-resources{gap:14px 22px}}
@media(max-width:420px){.wl-about-cities{grid-template-columns:1fr}.wl-about-actions{gap:16px}.wl-about-actions .wl-button{width:100%}.wl-about-photo figcaption{font-size:13px;padding:15px 18px}.wl-about-values{padding:22px}.wl .wl-about-hero h1{font-size:39px}.wl-about-hero .wl-eyebrow{font-size:10px;letter-spacing:1px}}
