/* Backyard case study only; shared navigation, footer and typography stay inherited. */
.backyard-case .backyard-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr); align-items:center; }
.backyard-case .backyard-hero .page-banner-inner { padding:clamp(32px,4vw,60px); }
.backyard-capabilities { margin:28px 0 0; font-size:.88rem; line-height:1.8; font-weight:700; color:var(--blue); }
.backyard-hero-art { margin:30px 40px 30px 0; padding:40px 24px; border-radius:24px; background:#282321; text-align:center; }
.backyard-hero-art img { width:100%; max-width:400px; }
.backyard-hero-art p { color:#eadac8; margin:24px 0 0; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; }
.backyard-story { padding-top:56px; }
.backyard-case h2 { font-family:Manrope,Arial,sans-serif; font-size:clamp(1.6rem,2.5vw,2.4rem); line-height:1.18; font-weight:800; letter-spacing:-.04em; }
.backyard-case figure { margin:0; }
.backyard-case img { display:block; max-width:100%; height:auto; }
.backyard-case figcaption { padding:14px 4px 4px; color:var(--muted); font-size:.85rem; line-height:1.5; }
.backyard-case .backyard-lead { font-size:1.3rem; line-height:1.5; color:var(--ink); }
.backyard-challenge { min-height:0; align-items:start; }
.backyard-challenge > div { display:block; min-height:0; }
.backyard-challenge p { margin:0; }
.backyard-challenge p + p { margin-top:26px; }
/* Follow the shared case-study column widths and section rhythm. */
.backyard-progression { display:grid; grid-template-columns:minmax(0,.42fr) minmax(0,1fr); column-gap:clamp(24px,4vw,48px); min-height:0; padding:30px 0; border-top:1px solid var(--line); }
.backyard-progression .section-label { grid-column:1; margin:0 0 12px; }
.backyard-progression h2 { grid-column:1; margin:0; font-size:clamp(1.45rem,2vw,1.9rem); }
.backyard-progression-copy { grid-column:2; grid-row:1 / 3; align-self:center; margin:0; max-width:700px; color:var(--muted); line-height:1.75; }
.backyard-progression ol { grid-column:2; display:flex; list-style:none; padding:18px 0 0; margin:0; flex-wrap:wrap; gap:10px 16px; font-size:.9rem; font-weight:800; }
.backyard-progression li:not(:last-child)::after { content:'→'; color:var(--blue); margin-left:16px; }
.backyard-editorial, .backyard-email { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:clamp(28px,4vw,48px); align-items:center; padding:38px 0; border-top:1px solid var(--line); }
.backyard-editorial h2, .backyard-email h2 { margin:0 0 24px; }
.backyard-editorial-copy p, .backyard-email p { margin:0 0 18px; color:var(--muted); font-size:1.04rem; line-height:1.75; }
.backyard-editorial-copy p:last-child, .backyard-email p:last-child { margin-bottom:0; }
.backyard-web { width:100%; max-width:430px; justify-self:center; }
.backyard-web img { max-height:440px; object-fit:cover; object-position:top; }
.backyard-promos { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; max-width:520px; align-items:start; }
.backyard-promos img { width:100%; height:auto; aspect-ratio:4 / 3; object-fit:contain; background:#fff; border-radius:12px; }
.backyard-promos figure { min-width:0; }
.backyard-promos figcaption { font-size:.76rem; padding-top:8px; }
.backyard-email { grid-template-columns:minmax(0,.8fr) minmax(0,1fr); }
.backyard-email>div { grid-column:2; grid-row:1; position:static; }
.backyard-email>figure { grid-column:1; grid-row:1; width:100%; max-width:350px; justify-self:center; }
.backyard-email .section-label { font-size:.76rem; }
.backyard-email .case-image img { height:360px; object-fit:cover; object-position:50% 0; }
.backyard-logos { display:grid; grid-template-columns:.85fr 1.15fr; gap:24px; margin-top:26px; align-items:center; }
.backyard-logos figure { padding:16px; border-bottom:1px solid var(--line); }
.backyard-logos img { width:100%; height:115px; object-fit:contain; }
.backyard-logos figcaption { font-size:.78rem; }
.backyard-continuity { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); }
.backyard-continuity .backyard-editorial-copy { grid-column:2; grid-row:1; }
.backyard-restaurant { grid-column:1; grid-row:1; width:100%; max-width:390px; }
.backyard-restaurant img { width:100%; border-radius:16px; }
.backyard-case blockquote { margin:28px 0 0; padding:24px 28px; border-left:4px solid var(--blue); border-radius:0 16px 16px 0; background:#edf5fc; color:var(--ink); font-family:Manrope,Arial,sans-serif; font-weight:700; font-size:1.2rem; line-height:1.65; }
.backyard-case .primary-button { white-space:normal; text-align:center; }
.backyard-case .backyard-price { margin-top:20px; font-size:.95rem; }
@media(max-width:760px) {
 .backyard-case .backyard-hero { grid-template-columns:1fr; }
 .backyard-case .backyard-hero .page-banner-inner { padding:30px 24px; }
 .backyard-hero-art { margin:0 24px 24px; padding:24px; }
 .backyard-hero-art img { max-width:260px; margin:auto; }
 .backyard-hero-art p { margin-top:16px; font-size:.7rem; }
 .backyard-story { padding-top:30px; }
 .backyard-progression { grid-template-columns:1fr; gap:0; }
 .backyard-progression .section-label, .backyard-progression h2, .backyard-progression-copy, .backyard-progression ol { grid-column:1; grid-row:auto; }
 .backyard-progression-copy { margin-top:18px; }
 .backyard-progression ol { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
 .backyard-progression li:not(:last-child)::after { margin-left:10px; }
 .backyard-editorial, .backyard-email { grid-template-columns:1fr; gap:26px; padding:30px 0; }
 .backyard-web { max-width:330px; }
 .backyard-web img { max-height:350px; }
 .backyard-promos { max-width:440px; margin:auto; gap:20px 14px; }
 .backyard-email>div, .backyard-email>figure, .backyard-continuity .backyard-editorial-copy, .backyard-restaurant { grid-column:1; grid-row:auto; }
 .backyard-email>figure { max-width:310px; }
 .backyard-email .case-image img { height:320px; }
 .backyard-logos { gap:12px; }
 .backyard-logos figure { padding:8px; }
 .backyard-logos img { height:88px; }
 .backyard-restaurant { max-width:350px; justify-self:center; }
 .backyard-case blockquote { padding:20px; font-size:1.08rem; }
}

@media(min-width:761px) and (max-width:1000px) {
 .backyard-editorial, .backyard-email { gap:28px; }
 .backyard-progression { grid-template-columns:minmax(0,.65fr) minmax(0,1fr); }
 .backyard-web img { max-height:340px; }
 .backyard-email .case-image img { height:320px; }
 .backyard-logos img { height:90px; }
}

/* Focused rhythm and service-list refinement; retain the approved section order. */
.backyard-story > section[aria-labelledby="continuity"],
.backyard-story > section[aria-labelledby="brand"],
.backyard-story > .backyard-progression { margin-top:20px; }
.backyard-story section[aria-labelledby="difference"] blockquote { margin-top:48px; }
.backyard-story section[aria-labelledby="services-title"] .portfolio-tags { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.backyard-story section[aria-labelledby="services-title"] .portfolio-tags li { min-width:0; line-height:1.5; }
@media(max-width:540px) {
 .backyard-story section[aria-labelledby="services-title"] .portfolio-tags { grid-template-columns:1fr; }
}
@media(max-width:760px) {
 .backyard-story > .case-section.backyard-continuity { grid-template-columns:1fr; }
}

@media(min-width:761px) {
 .backyard-story > .case-section[aria-labelledby="continuity"],
 .backyard-story > .case-section[aria-labelledby="brand"] {
  grid-template-columns:minmax(0,.42fr) minmax(0,1fr);
  column-gap:clamp(24px,4vw,48px);
 }
}