/* Responsive composition. Loaded after the approved type and spacing system.
   700px is the point where the existing sidebar leaves less than ~480px
   for artwork. Tablets keep the sidebar; only dense inner columns simplify. */
@media (max-width:900px) {
  .cv-section { grid-template-columns:minmax(0,1fr); gap:var(--space-4); }
  .enquiry-page main { display:block; }
  .enquiry-page .work-preview { max-width:none; margin-bottom:var(--space-6); }
}

@media (max-width:700px) {
  :root {
    --page-gutter:clamp(18px,4vw,28px);
    --page-top:var(--space-5);
    --page-bottom:var(--space-12);
    --brand-logo-width:88px;
    --brand-gap:var(--space-4);
    --section-gap:var(--space-8);
    --card-row-gap:var(--space-10);
    --year-gap:var(--space-12);
    --type-body:16px;
    --type-work:18px;
    --touch-target:44px;
    --fact-row-padding:var(--space-1);
    --fact-column-gap:var(--space-4);
  }
  .shell { display:block; min-height:0; }
  .shell > header { position:static; height:auto; padding:0; margin-bottom:var(--section-gap); }
  .shell > header .brand { width:fit-content; }
  .shell > header nav { flex-direction:row; flex-wrap:wrap; align-items:center; gap:0 var(--space-5); }
  .shell > header nav a { display:flex; align-items:center; min-height:var(--touch-target); padding:8px 0; font-size:12px; line-height:1.5; }
  .shell > main { width:100%; padding-top:0; }

  .title-grid,.work-grid { grid-template-columns:minmax(0,1fr); }
  .work-choice img,.work img,.work-preview img { object-fit:contain; }
  .detail-media,.landing-work,.landing-media { width:100%; margin-inline:auto; }
  .landing-media { height:auto; min-height:0; aspect-ratio:16/9; }
  .detail-copy h2 { overflow-wrap:break-word; }
  #work-detail > .detail-back:not(.detail-back-bottom) { display:none; }
  .detail-facts > div { grid-template-columns:minmax(104px,30%) minmax(0,1fr); }
  .detail-facts dt { font-size:11px; line-height:1.5; overflow-wrap:normal; }
  .detail-facts dd { font-size:13px; line-height:1.55; }
  .detail-facts > .long-credit-label { grid-template-columns:minmax(0,1fr); gap:var(--space-1); }
  .detail-description { margin:var(--space-6) 0 0; }
  .detail-back-bottom { margin-top:var(--space-6); }

  .cv-row { grid-template-columns:minmax(0,1fr); row-gap:var(--space-1); margin-bottom:var(--space-6); }
  .cv-row .subentry { grid-column:1; }
  .cv-section { padding-bottom:var(--section-gap); }
  .cv-section + .cv-section { padding-top:var(--section-gap); }
  .cv-section:last-child { padding-bottom:0; }

  .formats-page .intro { display:none; }
  .selected-work-title { font:400 21px/1.35 var(--serif); letter-spacing:0; margin:var(--space-5) 0 var(--space-6); }
  .formats-back { margin-top:var(--space-6); }
  .format h3 { font-size:18px; flex-wrap:wrap; gap:var(--space-2) var(--space-4); }
  .format-price,.tier-price { white-space:nowrap; }
  .work-preview h1 { margin:var(--space-4) 0 0; }
  .enquiry-page .breadcrumbs { margin:var(--section-gap) 0 0; }

  /* Quiet links retain their existing appearance, with room for fingers. */
  .enquire,.detail-back,.back,.breadcrumbs a,.contact-details a { min-height:var(--touch-target); display:inline-flex; align-items:center; max-width:100%; }
  .detail-back-bottom { display:flex; }
  input,#request button,#email-draft button { min-height:var(--touch-target); }
  input,textarea { font-size:16px; }
  .landing-caption a { display:inline-flex; align-items:flex-start; min-height:var(--touch-target); }
}