/* Brian Gardens editorial case study and its featured project cards. */
.bg-case { --case-accent:#A7D7C4; }
.bg-case .page-hero {padding-top:clamp(195px,22vh,260px);padding-bottom:64px;}
.bg-case .crumb {flex-wrap:wrap;line-height:1.8;letter-spacing:.12em;}
.bg-case .page-hero h1 {max-width:17ch;font-size:clamp(2.6rem,5.7vw,5.5rem);}
.bg-case .bg-name {color:var(--case-accent);font:600 .8rem var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.6rem;}
.bg-case .bg-hero-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:clamp(2rem,6vw,6rem);align-items:center;}
.bg-case .bg-outcomes {border-top:1px solid var(--line);padding-top:24px;}
.bg-case .bg-result {padding:25px 0;border-bottom:1px solid var(--line);}
.bg-case .bg-result strong {display:block;font:500 italic clamp(4rem,7vw,7rem)/1 var(--serif);color:var(--case-accent);}
.bg-case .bg-result span {display:block;margin-top:16px;font-size:1rem;line-height:1.55;max-width:27ch;}
.bg-case .bg-source {font-size:.83rem;line-height:1.65;color:#B8C3CF;margin-top:22px;max-width:50ch;}
.bg-case .bg-facts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:64px;padding-top:28px;border-top:1px solid var(--line);}
.bg-case .bg-facts dt {font:.68rem var(--mono);text-transform:uppercase;letter-spacing:.16em;color:#B8C3CF;margin-bottom:10px;}
.bg-case .bg-facts dd {margin:0;font-size:.95rem;line-height:1.6;}
.bg-case section:not(.page-hero) {padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px);}
.bg-case .bg-editorial {display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.3fr);gap:clamp(2rem,7vw,7rem);align-items:start;}
.bg-case .bg-index {font:.75rem var(--mono);letter-spacing:.14em;text-transform:uppercase;line-height:1.7;color:#576257;}
.bg-case .dk .bg-index {color:var(--case-accent);}
.bg-case .bg-copy h2 {max-width:22ch;margin-bottom:22px;}
.bg-case .bg-copy p {font-size:clamp(1rem,1.2vw,1.15rem);line-height:var(--reading-leading);max-width:66ch;color:#344354;margin-bottom:var(--paragraph-space);}
.bg-case .dk .bg-copy p {color:#C1CCD6;}
.bg-case .bg-copy strong {color:inherit;}
.bg-case .bg-copy>p:last-child {margin-bottom:0;}
.bg-case .bg-source a {display:inline-block;color:var(--case-accent);text-decoration:underline;text-underline-offset:4px;margin-top:8px;}
.bg-case .bg-timeline {list-style:none;margin:28px 0;padding:0;border-top:1px solid var(--line-lt);}
.bg-case .bg-timeline li {display:grid;grid-template-columns:minmax(110px,.45fr) minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line-lt);}
.bg-case .bg-timeline li>span {font:600 .8rem/1.7 var(--mono);color:#125D5E;}
.bg-case .bg-timeline h3 {font:600 1.25rem/1.4 var(--serif);margin-bottom:8px;}
.bg-case .bg-timeline p {font-size:1rem;margin:0;}
.bg-case .bg-copy .bg-results-source {font-size:.87rem;line-height:var(--copy-leading);color:#4E5D6B;}
.bg-case .bg-deliverables {margin-top:36px;border-top:1px solid var(--line-lt);}
.bg-case .bg-deliverable {display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--line-lt);}
.bg-case .bg-deliverable>span {font:500 1rem var(--mono);color:#745712;}
.bg-case .bg-deliverable h3 {font:600 1.45rem/1.3 var(--serif);margin-bottom:12px;}
.bg-case .bg-deliverable p {margin-bottom:0;}
.bg-case .bg-season-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px;}
.bg-case .bg-season {padding:32px 28px;border:1px solid var(--line);background:rgba(167,215,196,.035);border-radius:12px;}
.bg-case .bg-season small {color:var(--case-accent);font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.14em;}
.bg-case .bg-season h3 {font:500 1.8rem/1.25 var(--serif);margin:22px 0 16px;}
.bg-case .bg-season p {font-size:1rem;line-height:var(--copy-leading);color:#C1CCD6;}
.bg-case .bg-principle {font:500 italic clamp(1.6rem,3vw,2.7rem)/1.4 var(--serif);max-width:32ch;margin:48px 0 0;color:var(--case-accent);}
.bg-case .bg-comparison {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;}
.bg-case .bg-archive {padding:32px;border:1px solid var(--line-lt);border-radius:12px;background:#fff;}
.bg-case .bg-archive small {font:.7rem var(--mono);letter-spacing:.12em;color:#4E5D6B;text-transform:uppercase;}
.bg-case .bg-archive h3 {font:600 1.75rem/1.3 var(--serif);margin:16px 0;}
.bg-case .bg-archive p {font-size:1rem;line-height:var(--copy-leading);color:#344354;margin-bottom:var(--paragraph-space);}
.bg-case .bg-archive a {display:inline-flex;align-items:center;min-height:44px;color:#125D5E;font-weight:700;text-decoration:underline;text-underline-offset:4px;}
.bg-case .bg-note {font-size:.88rem;line-height:1.75;color:#4E5D6B;margin-top:22px;max-width:78ch;}
.bg-case .bg-closing {max-width:800px;}
.bg-case .bg-closing h2 {max-width:19ch;}
.bg-case .bg-closing .hero-ctas {margin-top:32px;}
.bg-case .bg-closing p {color:#C1CCD6;margin-top:24px;line-height:var(--copy-leading);font-size:1.1rem;max-width:60ch;}
.bg-case a:focus-visible,.bg-feature a:focus-visible {outline:3px solid #0D8586;outline-offset:6px;border-radius:3px;}
.bg-case .dk a:focus-visible {outline-color:var(--case-accent);}
.bg-feature {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,72px);align-items:center;background:var(--navy);color:var(--paper);border-radius:16px;padding:clamp(28px,5vw,64px);}
.bg-feature .bg-feature-label {font:.75rem var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#A7D7C4;}
.bg-feature h2 {font:500 clamp(2rem,4vw,3.4rem)/1.15 var(--serif);margin:22px 0;max-width:22ch;}
.bg-feature p {color:#C1CCD6;line-height:var(--copy-leading);max-width:60ch;}
.bg-feature .bg-feature-results {display:grid;gap:28px;}
.bg-feature .bg-feature-results strong {display:block;font:500 italic clamp(3.4rem,5vw,5.5rem)/1 var(--serif);color:#A7D7C4;}
.bg-feature .bg-feature-results span {display:block;color:#E2E9EC;line-height:1.65;margin-top:10px;}
.bg-feature .hero-ctas {margin-top:26px;}
.bg-feature .bg-feature-source {font-size:.8rem;line-height:1.7;margin-top:26px;}
.bg-home-case .stats {grid-template-columns:repeat(2,minmax(0,1fr));}
.bg-home-case .stat b {color:#A7D7C4;}
.bg-home-case .stat span {font-size:.7rem;letter-spacing:.08em;color:#C1CCD6;}
.bg-home-case .bg-card-note {font-size:.82rem;color:#B8C3CF;line-height:1.65;}
.bg-case .sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
@media(max-width:900px){
 .bg-case .bg-hero-grid,.bg-case .bg-editorial,.bg-feature {grid-template-columns:minmax(0,1fr);}
 .bg-case .bg-outcomes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
 .bg-case .bg-outcomes .bg-source {grid-column:1/-1;margin-top:0;}
 .bg-case .bg-facts {grid-template-columns:repeat(2,minmax(0,1fr));}
 .bg-case .bg-season-grid {grid-template-columns:minmax(0,1fr);}
 .bg-feature .bg-feature-results {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
 .bg-case .page-hero {padding-top:210px;}
 .bg-case .bg-comparison {grid-template-columns:minmax(0,1fr);}
 .bg-case .bg-archive {padding:24px;}
 .bg-case .hero-ctas .btn,.bg-feature .hero-ctas .btn {width:100%;justify-content:center;text-align:center;white-space:normal;}
 .bg-case .bg-result strong {font-size:3.7rem;}
 .bg-case .bg-result span {font-size:.9rem;}
 .bg-case .bg-season {padding:26px;}
 .bg-case .bg-facts {gap:24px 16px;}
 .bg-case .bg-timeline li {grid-template-columns:minmax(0,1fr);gap:10px;}
}
@media(prefers-reduced-motion:reduce){.bg-case [data-reveal]{opacity:1;transform:none;transition:none;}}