/* One introduction and a short route to the first image, form, or answer. */
#main-content > .compact-intro { padding:20px 0; }
#main-content .compact-intro h1 { max-width:100%; font-size:clamp(32px,3vw,44px); line-height:1.1; margin:6px 0 8px; }
#main-content .compact-intro .breadcrumbs { font-size:13px; line-height:1.5; margin-bottom:8px; }
#main-content .compact-intro .eyebrow { font-size:12px; margin-bottom:0; }
#main-content .compact-intro p { font-size:16px; line-height:1.5; margin:0; max-width:66ch; }
#main-content .compact-intro .hero-actions { display:flex; flex-direction:row; flex-wrap:wrap; gap:12px; margin:16px 0 0; }
#main-content .compact-intro .hero-actions .btn { width:auto; }
#main-content .compact-intro .intro-links { display:flex; flex-wrap:wrap; gap:0 24px; margin-top:4px; }
#main-content .compact-intro .intro-links .text-link { margin:0; }
#main-content > .compact-intro + .section { padding-top:24px; }
#main-content .catalog-browser #design-catalog { padding-top:16px; }
#main-content .catalog-toolbar-inner { row-gap:8px; padding-block:8px; }
#design-catalog .catalog-note { margin-bottom:12px; }
#design-catalog .collections-followup-link { margin-top:24px; }
/* Gallery: one introduction, then compact controls directly above the images. */
#gallery-catalog .gallery-controls { grid-template-areas:"filters collection" "count count"; row-gap:8px; margin-bottom:16px; }
#gallery-catalog .gallery-filter-row { grid-area:filters; }
#gallery-catalog .gallery-controls > label { grid-area:collection; min-width:0; }
#gallery-catalog .gallery-results-count { grid-area:count; line-height:1.5; }
#gallery-catalog .gallery-followup-links { display:flex; flex-wrap:wrap; gap:0 24px; margin:16px 0 8px; }
#main-content > .compact-intro.hero-split-shell { padding:0; }
#main-content .compact-intro .hero-split { min-height:0; }
#main-content .compact-intro .hero-split-copy { padding-block:24px; }
#main-content .compact-intro .hero-split-media { min-height:300px; aspect-ratio:auto; }
#main-content .lead-content { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:start; }
#main-content .lead-content > * { min-width:0; }
#main-content .lead-content .prose h2 { margin:0 0 12px; font-size:clamp(28px,2.6vw,36px); }
#main-content .lead-content .prose p { margin:0 0 16px; }
#main-content .lead-content .check-list { margin:16px 0 0; }
#main-content .lead-content .media-card img { width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
#main-content .compact-home { min-height:0; height:auto; }
#main-content .compact-home .hero-content { min-height:0; padding-block:40px; }
#main-content .compact-home .eyebrow { margin-bottom:0; }
#main-content .compact-home h1 { font-size:clamp(40px,4.5vw,64px); line-height:1.04; margin:12px 0 20px; }
#main-content .compact-home p { font-size:17px; line-height:1.5; margin:0; max-width:48ch; }
#main-content .compact-home .hero-actions { display:flex; flex-direction:row; flex-wrap:wrap; gap:12px; margin:24px 0 0; }
#main-content .compact-home .hero-actions .btn { width:auto; padding-inline:16px; }
#home-options { padding:24px 0 48px; }
#home-options .section-heading { max-width:none; margin:0 0 20px; }
#home-options .section-heading h2 { font-size:clamp(28px,2.6vw,36px); margin:0; }
#main-content .compact-intro .project-lead { gap:32px; }
#main-content .compact-intro .project-description { margin-bottom:16px; }
#main-content .compact-intro .project-facts { gap:16px 28px; margin:16px 0 8px; padding:16px 0; }
#main-content .compact-intro .project-facts dd { font-size:20px; }
#main-content .project-journal { padding-top:24px; }
#main-content .project-section-heading { margin-bottom:24px; }
#main-content .project-section-heading h2 { font-size:clamp(28px,2.6vw,36px); }
#main-content .project-section-heading > p { font-size:14px; }
#main-content .compact-intro.ordering-hero { padding-bottom:24px; }
#main-content .compact-intro .policy-draft { margin-bottom:16px; padding:10px 14px; }
#main-content .compact-intro .ordering-facts { margin-top:20px; }
#main-content .compact-intro .ordering-facts div { padding-block:14px; }
#main-content .compact-intro .ordering-facts dt { font-size:28px; }
#main-content.compact-utility { min-height:0; padding:24px 0; }
.compact-utility .narrow-prose { max-width:800px; }
.compact-utility .standalone-card { max-width:680px; margin-inline:auto; padding:24px; text-align:center; }
.compact-utility h1 { max-width:none; font-size:clamp(32px,3vw,44px); line-height:1.1; margin:8px 0 16px; }
.compact-utility .eyebrow { margin-bottom:0; }
.compact-utility .thankyou-logo { width:180px; margin:0 auto 12px; }
.compact-utility p { font-size:16px; }
@media (max-width:1050px) {
  #gallery-catalog .gallery-controls { grid-template-columns:minmax(200px,320px) minmax(0,1fr); grid-template-areas:"filters filters" "collection count"; }
  #gallery-catalog .gallery-results-count { text-align:right; }
  #main-content .compact-intro .hero-split-media { min-height:0; aspect-ratio:16/9; }
}
@media (max-width:760px) {
  #main-content .lead-content { grid-template-columns:1fr; gap:24px; }
  #main-content .compact-intro .project-lead { gap:20px; }
  #main-content .project-section-heading > p { margin-top:8px; }
}
@media (max-width:900px) {
  #design-collections .design-explorer-card { grid-template-areas:"media" "heading" "details"; }
  #design-collections .design-heading { padding:16px 20px 0; }
}
@media (max-width:560px) {
  #gallery-catalog .gallery-controls { grid-template-columns:minmax(0,1fr); grid-template-areas:"filters" "collection" "count"; }
  #gallery-catalog .gallery-results-count { text-align:left; }
  #main-content > .compact-intro { padding:16px 0; }
  #main-content > .compact-intro.hero-split-shell { padding:0; }
  #main-content .compact-intro .hero-split-copy { padding-block:16px; }
  #main-content > .compact-intro + .section { padding-top:20px; }
  #main-content .compact-home .hero-content { padding-block:28px; }
  #main-content .compact-home h1 { margin:10px 0 16px; }
  #main-content .compact-home .hero-actions { margin-top:20px; }
  #home-options { padding-top:20px; }
  #main-content .project-journal { padding-top:20px; }
  #main-content .compact-intro.ordering-hero { padding-bottom:20px; }
  #main-content.compact-utility { padding:20px 0; }
  .compact-utility .standalone-card { padding:20px; }
}