/* The work is the demonstration: warm paper, measured type, a rendered site. */
.brand-home h2 { font-size: clamp(1.9rem, 3.5vw, 2.8rem); line-height: 1.12; letter-spacing: -.045em; }
.brand-home p { max-width: 36rem; }
.home-opening { padding: clamp(2rem, 5vw, 4.5rem) 0; }
.opening-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.opening-copy .hero-mark { margin: 0 0 1.75rem; color: var(--accent); font-size: .8rem; }
.opening-copy h1 { font-size: clamp(2.4rem, 4.3vw, 3.5rem); line-height: 1.04; letter-spacing: -.055em; margin: 0 0 1.5rem; }
.opening-copy .lede { font-size: 1.0625rem; line-height: 1.6; max-width: 25rem; margin: 0 0 1.5rem; }
.opening-copy .btn { min-height: 48px; gap: 1.25rem; }
.opening-price { font-size: .875rem; margin: 1rem 0 1.5rem; }
.opening-price span, .opening-preview { color: var(--muted); font-size: .8125rem; }
.opening-preview a { color: var(--ink); text-underline-offset: .2em; }
.opening-work { min-width: 0; }
.opening-work .work-frame { aspect-ratio: 1 / 1.05; border-radius: 3px; }
.opening-work .work-frame iframe { width: 200%; height: 200%; transform: scale(.5); }
.opening-work .work-meta { display: flex; justify-content: space-between; align-items: center; gap: .75rem; }
.opening-work .work-meta strong { font-size: .875rem; }
.opening-work .work-meta > span { font-size: .8125rem; text-decoration: underline; text-underline-offset: .2em; }
.opening-work .work-note { font-size: .75rem; margin: .5rem 0 0; }
.opening-work .featured-label { margin: 0 0 .65rem; }
.brand-home .section-heading { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; margin-bottom: 2rem; }
.brand-home .section-heading h2 { margin-bottom: .75rem; }
.brand-home .section-heading p { margin: 0; }
.text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: .9375rem; text-decoration: underline; text-underline-offset: .2em; }
.brand-home .work { padding-block: clamp(2.5rem, 5vw, 4rem); }
.brand-home .work-three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.brand-home .work-three .work-frame { aspect-ratio: 4 / 3; border-radius: 3px; }
.brand-home .work-meta strong { font-size: .9375rem; }
.brand-home .work-meta span[aria-hidden] { display: inline; }
.brand-home .service-layout, .brand-home .care-layout, .brand-home .home-price-layout, .brand-home .questions-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 7vw, 5rem); align-items: start; }
.service-layout .text-link { margin-top: 1.25rem; }
.service-list { margin: 0; }
.service-list > div { padding: 1.25rem 0; border-bottom: 1px solid var(--rule); }
.service-list > div:first-child { padding-top: 0; }
.service-list dt { font-size: 1.25rem; font-weight: 600; }
.service-list dd { margin: .35rem 0 0; color: var(--muted); font-size: .9375rem; }
.brand-home .home-steps { gap: 2rem; }
.brand-home .home-steps li { border-top: 1px solid var(--rule-2); padding-top: 1rem; }
.step-number { font-size: .8125rem; color: var(--accent); }
.brand-home .home-steps h3 { font-size: 1.125rem; margin: 1.25rem 0 .5rem; }
.brand-home .home-steps p { font-size: .9375rem; margin: 0; }
.care-example { margin: 0; background: var(--paper-2); border: 1px solid var(--rule); padding: clamp(1.5rem, 4vw, 3rem); }
.care-example figcaption { font-size: .75rem; color: var(--muted); }
.care-request { font-size: clamp(1.25rem, 2vw, 1.6rem); line-height: 1.4; margin: 1.75rem 0; letter-spacing: -.02em; }
.care-change { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-block: 1px solid var(--rule-2); font-size: .875rem; }
.care-review { font-size: .75rem; margin: 1.25rem 0 0; }
.care-review span { color: var(--accent); margin-right: .5rem; }
.care-layout > div > p:not(.label) { font-size: .9375rem; margin-top: 1.25rem; }
.care-layout .care-allowance { color: var(--muted); }
.brand-home .trade-strip { padding: 0 0 clamp(3rem, 6vw, 4.75rem); }
.brand-home .trade-grid { margin: 0; }
.brand-home .trade-shot { border-radius: 0; }
.home-price-numbers { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.home-price-numbers p { margin: 0; }
.home-price-numbers strong { display: block; font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 500; letter-spacing: -.055em; line-height: 1.15; }
.home-price-numbers small { font-size: .9375rem; letter-spacing: -.02em; }
.home-price-numbers span { display: block; font-size: .8125rem; color: var(--muted); margin-top: .5rem; }
.home-price-offer > .note { font-size: .8125rem; margin: 1.5rem 0; }
.brand-home .qa { margin: 0; max-width: none; }
@media (max-width: 52rem) {
  .opening-grid { gap: 2rem; }
  .opening-copy h1 { font-size: clamp(2.25rem, 5vw, 3.5rem); }
  .opening-work .work-meta { display: block; }
  .brand-home .work-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-home .work-three > :last-child { grid-column: 1 / -1; max-width: calc(50% - .75rem); }
  .brand-home .home-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
  .opening-grid, .brand-home .service-layout, .brand-home .care-layout, .brand-home .home-price-layout, .brand-home .questions-layout { grid-template-columns: minmax(0, 1fr); }
  .opening-copy .hero-mark { margin-bottom: 1.25rem; }
  .opening-copy h1 { font-size: clamp(2.5rem, 11vw, 3.3rem); margin-bottom: 1rem; }
  .opening-copy .lede { font-size: 1rem; }
  .opening-preview { margin-bottom: 0; }
  .opening-work .work-frame { aspect-ratio: 4 / 3; }
  .opening-work .work-meta { display: flex; }
  .brand-home .section-heading { display: block; margin-bottom: 1rem; }
  .brand-home .section-heading .text-link { margin-top: .5rem; }
  .brand-home .work-three { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
  .brand-home .work-three > :last-child { grid-column: auto; max-width: none; }
  .brand-home .care-layout > div { grid-row: 1; }
  .home-price-numbers { gap: 1rem; }
  .care-change { flex-wrap: wrap; gap: .5rem; }
}

.ada-examples dl { margin: 1.25rem 0 0; }
.ada-examples dl > div + div { border-top: 1px solid var(--rule); margin-top: 1.25rem; padding-top: 1.25rem; }
.ada-examples dt { font-size: 1.125rem; font-weight: 600; line-height: 1.4; }
.ada-examples dd { margin: .5rem 0 0; color: var(--ink-2); font-size: .9375rem; }