/* Tablet uses a reading layout instead of squeezing desktop columns. */
@media (min-width: 621px) and (max-width: 1199px) {
  .poc-page { --page: calc(100% - 64px); --content: calc(100% - 64px); }
  .poc-page .site-header, .poc-page .site-header.is-compact { top: 20px; width: var(--page); padding-inline: 24px; }
  .poc-page .site-header .brand-char { max-width: 0; opacity: 0; transform: none; }
  .poc-page .site-header .brand-slash { max-width: .65em; opacity: 1; transform: translateY(-.12em); }
  .poc-page .nav-placeholder { font-size: 16px; gap: 32px; }
  .poc-footer-inner { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 24px; }
  .poc-footer-contact { display: contents; }
  .poc-footer-contact > p { grid-column: 1 / -1; }
  .poc-footer nav { grid-column: 2; grid-row: 2; justify-self: end; }
  .poc-contact-links { grid-column: 1; grid-row: 2; flex-wrap: nowrap; gap: 24px; }
  .poc-footer { font-size: clamp(14px,1.6vw,16px); }
  .poc-contact-links a { white-space: nowrap; }
  .project-neighbors { padding-block: 40px; }
  .project-neighbor { gap: 24px; max-width: calc(50% - 15px); min-width: 0; align-items: center; }
  .project-neighbor > span { min-width: 0; }
  .project-neighbor--previous { flex-direction: row-reverse; }
  .project-neighbor--next { flex-direction: row; }
  .project-neighbor strong { font-size: 22px; line-height: 28px; overflow-wrap: anywhere; }
  .project-neighbor img { width: 116px; height: 65px; flex-shrink: 0; }
  .home-intro { padding-top: 144px; grid-template-columns: 120px minmax(0,1fr); gap: 32px; }
  .intro-mark { transform: none; width: 120px; height: 120px; }
  .intro-mark img { left: 7.5px; top: 7.5px; width: 105px; height: 105px; max-width: none; object-fit: contain; }
  .intro-copy h1 { font-size: clamp(32px,4vw,44px); line-height: 1.25; }
  .intro-copy > p:last-child { margin-top: 24px; line-height: 28px; text-box-trim: none; }
  .home-main { padding-bottom: 100px; }
  .project-list { width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px 24px; }
  .project-card--wide { grid-column: 1 / -1; }
  .project-card-copy { display: flex; flex-direction: column; gap: 16px; }
  .project-card--wide .project-card-copy { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: 32px; }
  .project-card-copy p { text-align: left; }
  .project-card--wide .project-card-copy p { text-align: right; }

  .case-page .case-hero, .project--diamond .hero { height: clamp(520px,62vw,640px); min-height: 0; }
  .case-page .case-hero-media.case-desktop { display: block; }
  .case-page .case-hero-media.case-mobile { display: none; }
  .case-page .case-title { left: 32px; right: 32px; bottom: 80px; }
  .case-page .case-title > p { font-size: 12px; line-height: 20px; margin-bottom: 20px; }
  .case-page .case-title h1 { font-size: clamp(48px,5.5vw,64px); line-height: 1.08; max-width: none; }
  .case-page .case-meta, .project--diamond .meta-card { width: var(--content); margin-top: -48px; padding: 24px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; min-height: 0; border-radius: 16px; }
  .case-page .case-overview { margin-top: 64px; }
  .case-page .case-overview h2 { font-size: 22px; margin-bottom: 24px; }
  .case-page .case-overview p { line-height: 28px; max-width: 74ch; }
  .case-page .case-overview h3 { font-size: 16px; }
  .case-page .case-body-mobile { max-width: none; width: 100%; }
  .case-page .case-body-mobile .case-flow-section > .case-section { width: var(--page); }
  .case-page .case-body-mobile .case-copy-block { width: 100%; height: auto; }
  .case-page .case-body-mobile .case-illustration { max-width: min(100%,640px); margin-inline: auto; }
  .case-page .case-body-mobile .case-art { margin-inline: auto; }
  .case-page .case-body-mobile p { line-height: 1.65; }
  .case-page .case-outcome { width: var(--page); margin: 64px auto 96px; gap: 40px; }
  .case-page .case-outcome aside { padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
  .case-page .case-outcome article { padding: 32px; border-radius: 16px; }
  .case-page .case-outcome p { line-height: 28px; }
  .case-page .case-score-band, .case-page .case-property-band, .case-page .case-luxury-mobile { width: 100%; }
  .case-page .case-score-band > .case-section, .case-page .case-luxury-mobile > .case-section,
  .case-page .case-body-mobile .case-avi-challenge > .case-section { width: var(--page); }
  .case-page .case-score-band [data-node-id="133:1227"] { width: 198px; }
  .case-page .case-score-band [data-node-id="133:1235"] { width: min(520px,var(--page)); justify-items: center; }
  .case-page .case-luxury-mobile > .case-art { width: min(640px,100%); }
  .case-page .case-property-band > .case-section:first-child { width: 440px; }
  .case-page .case-property-mobile-pages { width: var(--page); margin-inline: auto; }
  .case-page .case-body-mobile .case-avi-challenge { background-size: 1440px auto; padding-top: 64px; }
  .case-page .case-body-mobile [data-node-id="137:2016"] { width: 100%; border-radius: 0; padding: 40px 32px; }

  .project--diamond .hero-copy { bottom: 80px; }
  .project--diamond .hero h1 { font-size: clamp(48px,5.5vw,64px); line-height: 1.08; }
  .project--diamond .eyebrow { font-size: 12px; line-height: 20px; }
  .project--diamond .section-lead { grid-template-columns: 1fr; gap: 24px; margin-top: 64px; }
  .project--diamond .section-body { max-width: none; }
  .project--diamond .section-body > p { line-height: 28px; }
  .project--diamond .section-body > p + p { margin-top: 20px; }
  .project--diamond .objective-list li + li { margin-top: 10px; }
  .project--diamond .diamond-discovery { width: 100%; padding: 32px 0; border-radius: 0; }
  .project--diamond .diamond-discovery > .project-section--page { width: var(--page); }
  .project--diamond .diamond-challenge-panel { padding: 28px; min-height: 0; }
  .project--diamond .diamond-priority-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .project--diamond .diamond-priority p { line-height: 24px; }
  .project--diamond .diamond-priority--intro { grid-column: 1 / -1; }
  .project--diamond .diamond-priority:last-child { grid-column: 1 / -1; }
  .project--diamond .diamond-research { padding: 32px 28px; }
  .diamond-research-content { grid-template-columns: 1fr; gap: 32px; }
  .diamond-scope { grid-column: auto; grid-row: 1; }
  .diamond-synthesis { grid-column: auto; grid-row: 2; }
  .project--diamond .diamond-flow { width: 100%; display: flex; flex-direction: column; gap: 32px; padding: 0 28px 32px; }
  .diamond-diagram { width: 100%; }
  .project--diamond .diamond-feature, .project--diamond .diamond-feature--filters { padding: 28px; gap: 32px; }
  .project--diamond .diamond-feature--filters { display: flex; flex-direction: column; }
  .diamond-filter-main { gap: 32px; }
  .project--diamond .diamond-feature--filters .diamond-mobile-filter { margin-inline: auto; width: 258px; }
  .diamond-feature-columns { display: flex; flex-direction: column; gap: 24px; }
  .diamond-feature-columns > * { width: 100%; }
  .diamond-feature-right { gap: 24px; }
  .diamond-custom-media { width: min(525px,100%); margin-inline: auto; }
  .diamond-menu-media { width: min(525px,100%); margin-inline: auto; }
  .diamond-guide-media { width: min(640px,100%); margin-inline: auto; }
  .project--diamond .diamond-quote { width: var(--page); }
  .project--diamond .diamond-quote blockquote { width: min(589px,100%); padding: 32px; }
  .project--diamond .project-outcome { grid-template-columns: 1fr; gap: 40px; }
  .project--diamond .outcome-states { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
  .project--diamond .outcome-card { display: block; padding: 32px; }
  .project--diamond .outcome-copy { margin-top: 40px; }
  .project--diamond .outcome-copy h3 { line-height: 28px; }
  .project--diamond .outcome-copy > p:first-of-type { margin-top: 30px; }
  .project--diamond .project-main { padding-bottom: 96px; }
}
@media (min-width: 621px) and (max-width: 899px) {
  .project-card-copy, .project-card--wide .project-card-copy { display: flex; flex-direction: column; gap: 16px; }
  .project-card-copy p { text-align: left; }
  .project-neighbor { gap: 16px; }
  .project-neighbor strong { font-size: 18px; line-height: 26px; }
}
@media (min-width: 621px) and (max-width: 1199px) {
  .case-page .case-body-mobile p { font-size: max(16px,1em); }
  .case-page .case-body-mobile h2 { font-size: 22px; line-height: 1.35; }
  .case-page .case-body-mobile .case-section p { max-width: 74ch; }
  .case-page .case-body-mobile [data-node-id="141:3824"] { height: auto; }
  .case-golf .case-body-mobile .case-art { width: min(420px,100%); }
  .case-page .case-luxury-mobile > .case-art { max-width: 640px; }
  .case-page .case-property-mobile-pages { max-width: 720px; }
  .case-page .case-body-mobile [data-node-id="137:2020"],
  .case-page .case-body-mobile [data-node-id="137:2021"],
  .case-page .case-body-mobile [data-node-id="137:2022"] { width: min(640px,100%); margin-inline: auto; }
}
@media (min-width: 621px) and (max-width: 1199px) {
  .case-page .case-body-mobile [data-node-id="131:1098"] { height: auto; }
  .case-page .case-body-mobile [data-node-id="137:1946"],
  .case-page .case-body-mobile [data-node-id="137:1956"],
  .case-page .case-body-mobile [data-node-id="137:1966"] { width: 100%; margin-inline: 0; }
}
@media (min-width: 621px) and (max-width: 899px) {
  .project-card--wide .project-card-copy p { text-align: left; }
}

/* Tablet follow-up: shared list, card and paragraph rhythm. */
@media (min-width: 621px) and (max-width: 1199px) {
  .case-page .case-meta > div > div p + p { margin-top: 14px; }
  .case-page .case-body-mobile .case-surface-card { border-radius: 16px; height: auto; }
  .case-page .case-body-mobile .case-prose { font-size: 16px; font-weight: 400; line-height: 28px; text-box-trim: none; }
  .case-page .case-body-mobile p + p { margin-top: 0; }
  .case-page .case-body-mobile .case-paragraph-group > p { margin-bottom: 0; line-height: 28px; text-box-trim: none; }
  .case-page .case-body-mobile .case-paragraph-group > p + p { margin-top: 24px; }
  .case-page .case-overview p + p, .project--diamond .section-body > p + p { margin-top: 24px; }
  .project--diamond .diamond-challenge-copy p + p, .project--diamond .showcase-copy p + p { margin-top: 24px; }
  .project--diamond .diamond-challenge-panel, .project--diamond .diamond-feature { border-radius: 16px; }
  .case-page .case-outcome h2, .project--diamond .outcome-card h2 { font-size: 22px; font-weight: 500; line-height: 30px; }
  .case-page .case-outcome h3, .project--diamond .outcome-copy h3 { font-size: 18px; font-weight: 600; line-height: 28px; }
  .case-page .case-outcome p, .project--diamond .outcome-copy p { font-size: 16px; font-weight: 400; line-height: 28px; }
  .case-page .case-outcome p + p, .project--diamond .outcome-copy p + p { margin-top: 24px; }
  .project--diamond .outcome-card { border-radius: 16px; }
}

@media (min-width: 621px) and (max-width: 1199px) {
  .case-page .case-overview p, .case-page .case-outcome p,
  .project--diamond .section-body > p, .project--diamond .diamond-challenge-copy p,
  .project--diamond .showcase-copy p, .project--diamond .outcome-copy p { text-box-trim: none; }
  .project--diamond .diamond-priority-grid { align-items: stretch; }
  .project--diamond .diamond-priority:not(.diamond-priority--intro) { border-radius: 16px; }
  .project--diamond .diamond-priority h3 { font-size: 18px; line-height: 26px; }
  .project--diamond .diamond-priority p { font-size: 16px; font-weight: 400; line-height: 28px; text-box-trim: none; }
}

/* Round the painted surfaces, and clip image children to their own frame. */
@media (min-width: 621px) and (max-width: 1199px) {
  .poc-page { --tablet-card-radius: 20px; --tablet-inset-radius: 12px; }
  .case-page .case-body-mobile .case-surface-card,
  .case-page .case-meta, .case-page .case-outcome article,
  .project--diamond .meta-card, .project--diamond .diamond-challenge-panel,
  .project--diamond .diamond-feature, .project--diamond .outcome-card,
  .project-media { border-radius: var(--tablet-card-radius); }
  .case-page .case-body-mobile .case-inset-card,
  .case-page .case-body-mobile .case-surface-card .case-surface-card,
  .case-page .case-accordion,
  .project--diamond .diamond-priority:not(.diamond-priority--intro) { border-radius: var(--tablet-inset-radius); }
  .case-page .case-body-mobile .case-rounded-media { border-radius: var(--tablet-inset-radius); overflow: clip; }
  .case-page .case-body-mobile .case-paragraph-group { line-height: 28px; white-space: normal; text-box-trim: none; }
  .case-page .case-body-mobile .case-paragraph-group > p { margin: 0; font-size: 16px; line-height: 28px; text-box-trim: none; }
  .case-page .case-body-mobile .case-paragraph-group > p + p { margin-top: 24px; }
  .case-page .case-project-note { margin-top: 40px; }
  .case-page .case-project-note h3 { margin: 0; font-size: 16px; line-height: 24px; }
  .case-page .case-project-note p { font-size: 14px; line-height: 24px; text-box-trim: none; }
  .case-page .case-project-note h3 + p { margin-top: 20px; }
  .case-page .case-project-note p + p { margin-top: 20px; }
}