/* About-only composition. Does not style Checklist. */
.ab28 .bc-hero--about .bc-hero__bg { background-image:url('../img/about-family-beagle-composition-20260922.png'); background-position:center center; }
.ab28 .bc-hero__bg:after { background:linear-gradient(90deg,rgba(19,67,45,.84),rgba(19,67,45,.55) 39%,rgba(19,67,45,.12) 66%,transparent); }
.ab28 .bc-hero h1,.ab28 .bc-section__title,.ab28 .bc-cta__title { font-family:Inter,Arial,sans-serif; font-weight:600; }
.ab28 .ca27-mission { background:#f8f5ed; }
.ab28-mission-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr); gap:90px; align-items:center; }
.ab28-mission-copy .bc-section__title { margin:0 0 24px; text-align:left; }
.ab28-mission-copy p { max-width:760px!important; margin:0!important; text-align:left!important; font-family:Inter,Arial,sans-serif; font-size:clamp(22px,2.1vw,31px)!important; line-height:1.5!important; color:#18181b!important; }
.ab28-mission-art { color:#5d7867; text-align:left; border-left:1px solid #b9cfbd; padding:24px 0 24px 42px; }
.ab28-mission-art svg { display:block; width:92px; height:92px; margin-bottom:20px; }
.ab28-mission-art p { margin:0; color:#18181b!important; font-size:16px!important; line-height:1.55!important; }
.ab28 .ca27-how-it-works .bc-section-header--center { max-width:none; margin:0 0 42px; text-align:left; }
.ab28 .ca27-how-it-works .bc-section__title { text-align:left; }
.ab28 .bc-hiw-grid { grid-template-columns:repeat(3,1fr); gap:18px; }
.ab28 .bc-hiw-card { min-height:292px; padding:34px 30px; background:#f1f7f0; border:0; border-radius:0; box-shadow:none; text-align:left; }
.ab28 .bc-hiw-card:nth-child(2) { background:#f8f5ed; }
.ab28 .bc-hiw-card__step { width:48px; height:48px; margin:0 0 28px; border:1px solid #86a892; border-radius:50%; background:transparent; color:#24553b; font-size:16px; }
.ab28 .bc-hiw-card__title { font-family:Inter,Arial,sans-serif; font-size:25px; font-weight:600; color:#18181b; }
.ab28 .bc-hiw-card__desc { color:#18181b; }
.ab28 .ca27-data-source { background:#e5f0e6; }
.ab28-data-grid { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:90px; align-items:center; }
.ab28 .ca27-data-source .bc-section-header--center { margin:0 0 26px; text-align:left; }
.ab28 .ca27-data-source .bc-section__title { text-align:left; }
.ab28 .ca27-data-source .bc-container > div:last-child { max-width:none; margin:0; padding:0; background:transparent; border:0; border-radius:0; }
.ab28-data-copy { color:#18181b; }
.ab28-data-copy p { color:#18181b!important; }
.ab28-doc-stack { height:310px; position:relative; }
.ab28-doc { position:absolute; width:220px; height:268px; right:40px; border:1px solid #9db8a1; background:#fbfdf8; box-shadow:0 16px 30px rgba(26,73,48,.14); }
.ab28-doc--back { top:0; transform:rotate(9deg); opacity:.65; }.ab28-doc--mid { top:20px; transform:rotate(-5deg); opacity:.82; }.ab28-doc--front { top:38px; padding:30px 25px; transform:rotate(3deg); }
.ab28-doc--front span { display:block; margin-bottom:32px; color:#24553b; font-size:11px; font-weight:800; letter-spacing:.12em; }.ab28-doc--front i { display:block; width:100%; height:1px; margin:18px 0; background:#abc2ae; }.ab28-doc--front i:nth-of-type(2) { width:72%; }.ab28-doc--front i:nth-of-type(4) { width:54%; }
.ab28 .ca27-grading .bc-section-header--center { max-width:none; margin:0 0 32px; text-align:left; }.ab28 .ca27-grading .bc-section__title { text-align:left; }
.ab28-grade-wrap { max-width:none!important; margin:0!important; }.ab28-grade-spectrum { display:grid; grid-template-columns:repeat(8,1fr); overflow:hidden; margin:0 0 34px; }.ab28-grade-spectrum span { padding:16px 8px; text-align:center; color:#fff; font:600 22px/1 Inter,Arial,sans-serif; }.ab28-grade-spectrum span:nth-child(-n+2){background:#2b7650}.ab28-grade-spectrum span:nth-child(n+3):nth-child(-n+4){background:#659a74}.ab28-grade-spectrum span:nth-child(n+5):nth-child(-n+6){background:#bf9a4a}.ab28-grade-spectrum span:nth-child(7){background:#b5684f}.ab28-grade-spectrum span:nth-child(8){background:#963d3d}
.ab28 .bc-table-wrap { max-width:100%; }.ab28 .bc-table { font-size:15px; }.ab28-grade-factors { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:34px; }.ab28-grade-factors div { padding-top:18px; border-top:1px solid #b8cfbb; }.ab28-grade-factors b { display:block; color:#18181b; font-family:Inter,Arial,sans-serif; font-size:19px; }.ab28-grade-factors span { display:block; margin-top:8px; color:#18181b; font-size:14px; line-height:1.45; }
.ab28 .bc-cta { background:#24553b; }.ab28 .bc-cta__title { color:#fffdf7; font-size:clamp(38px,3.2vw,55px); }.ab28 .bc-cta__desc { color:#fffdf7!important; font-size:19px; }.ab28 .bc-cta .bc-btn--white { color:#24553b; }
@media(max-width:1100px){.ab28-mission-grid{gap:48px}.ab28-data-grid{grid-template-columns:minmax(0,1fr) 300px;gap:42px}.ab28-doc{right:16px;width:190px}.ab28-grade-factors{gap:14px}}
@media(max-width:700px){.ab28-mission-grid,.ab28-data-grid{grid-template-columns:1fr;gap:34px}.ab28-mission-art{border-left:0;border-top:1px solid #b9cfbd;padding:28px 0 0}.ab28 .bc-hiw-grid{grid-template-columns:1fr}.ab28 .bc-hiw-card{min-height:0}.ab28-doc-stack{height:260px}.ab28-doc{right:calc(50% - 100px);height:225px}.ab28-grade-spectrum span{font-size:15px;padding:13px 2px}.ab28-grade-factors{grid-template-columns:1fr 1fr}.ab28 .bc-table{min-width:660px}.ab28 .bc-cta__desc{color:#fffdf7!important}}/* About hero framing: preserve full adult and child heads inside the existing 610px crop. */
.ab28 .bc-hero--about .bc-hero__bg { background-position:center 15%; }
@media(max-width:700px){.ab28 .bc-hero--about .bc-hero__bg{background-position:center 12%!important}}