/* KIT CARSON · Catalogue and inspection
   Load after studio.css and the shared kit-theme.css tokens.
   A three-column plate index, not a merchandising grid. No crop, rotation,
   invented texture, or nth-child promotion; scale follows the medium. */
.collection-page{width:min(var(--kc-page-width),calc(100% - 2 * var(--kc-gutter)));color:var(--kc-ink);background:var(--kc-white)}
.collection-page .page-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8%;align-items:end;max-width:none;padding:36px 0 26px}
.collection-page .page-heading>.eyebrow{grid-column:1/-1;font:600 .75rem/1.4 var(--kc-utility);letter-spacing:.055em;text-transform:none;color:var(--kc-muted);margin:0 0 7px}
.collection-page .page-heading h1{font:500 clamp(4.5rem,7vw,7rem)/.95 var(--kc-display);font-style:italic;letter-spacing:-.04em;margin:0;color:var(--kc-black)}
.collection-page .page-heading>p{font:400 1.05rem/1.55 var(--kc-reading);max-width:32ch;margin:0 0 6px;color:var(--kc-muted)}
.collection-page .collection-grid{padding:0 0 72px}
.collection-page .collection-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:24px;align-items:center;border-block:1px solid var(--kc-rule);margin:0;padding:5px 0}
.collection-page .filter-nav{border:0;padding:0;gap:26px;flex-wrap:wrap}
.collection-page .filter-nav a{font:600 .9375rem/1.3 var(--kc-utility);letter-spacing:0;min-height:44px;padding:12px 0;display:inline-flex;align-items:center}
.collection-page .filter-nav a[aria-current=page]{color:var(--kc-turquoise);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.collection-page .filter-nav a:hover{color:var(--kc-turquoise)}
.collection-page .collection-search{width:100%;position:relative;display:flex;align-items:center;gap:14px}
.collection-page .collection-search label{font:600 .8125rem/1.2 var(--kc-utility);color:var(--kc-muted);margin:0;flex:0 0 62px}
.collection-page .collection-search input{font:400 1rem/1.25 var(--kc-utility);color:var(--kc-ink);border:0;border-bottom:1px solid var(--kc-rule);min-height:44px;padding:10px 6px;width:100%;min-width:0;background:var(--kc-porcelain)}
.collection-page .collection-search input::placeholder{color:var(--kc-muted)}
.collection-page .collection-ledger{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:5px 0 18px}
.collection-page .collection-count{font:400 .8125rem/1.4 var(--kc-utility);color:var(--kc-muted);text-align:left;padding:0;margin:0;flex-shrink:0}
.collection-page .collection-buying{font:400 .875rem/1.45 var(--kc-utility);color:var(--kc-muted);max-width:480px}
.collection-page .collection-buying summary{cursor:pointer;min-height:44px;padding:12px 0;text-align:right;text-decoration:underline;text-underline-offset:4px}
.collection-page .shopping-note{font:400 .875rem/1.55 var(--kc-utility);color:var(--kc-muted);padding:0 0 12px}
.collection-page .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 36px;align-items:start}
.collection-page .art-card{min-width:0;transform:none;padding:0;background:transparent;box-shadow:none}
.collection-page .art-image-link{display:flex;align-items:center;justify-content:center;height:340px;padding:0;background:transparent;box-shadow:none;overflow:visible}
.collection-page .art-image{width:auto;max-width:100%;height:auto;max-height:340px;object-fit:contain;background:transparent;transform:none}
.collection-page .art-card[data-medium=jewelry] .art-image{max-width:86%;max-height:285px}
.collection-page .art-card-caption{padding:14px 0 0;border-top:1px solid var(--kc-rule);margin-top:16px}
.collection-page .art-card-caption>.eyebrow{font:400 .75rem/1.4 var(--kc-utility);text-transform:none;letter-spacing:0;color:var(--kc-muted);margin:0 0 5px}
.collection-page .art-card-caption h3{font:600 clamp(1.4rem,1.8vw,1.8rem)/1.08 var(--kc-display);letter-spacing:-.01em;max-width:none;margin:0;overflow-wrap:anywhere;text-wrap:pretty}
.collection-page .art-card-caption h3 a{display:inline-flex;align-items:center;min-height:44px;padding:3px 0;text-decoration:none}
.collection-page .art-card-caption h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.collection-page .art-card-caption>.availability{display:block;font:400 .8125rem/1.4 var(--kc-utility);color:var(--kc-muted);margin-top:4px}
.collection-page .load-more{margin-top:48px;border-top:1px solid var(--kc-rule);padding-top:28px}
.collection-page .load-more .button{font:600 .9375rem/1.3 var(--kc-utility);min-height:48px;padding:12px 26px;background:var(--kc-black);color:var(--kc-white);border:1px solid var(--kc-black);box-shadow:none;transform:none}
.collection-page .load-more .button:hover{background:var(--kc-turquoise);border-color:var(--kc-turquoise)}
.collection-page .search-empty{font:400 1.125rem/1.6 var(--kc-reading);padding:40px 0}
.collection-page :is(a,button,input,summary):focus-visible{outline:3px solid var(--kc-turquoise);outline-offset:4px}

/* The photograph is the plate; the right column is its catalogue entry.
   The inspect affordance sits BELOW the photograph, never on top of the work.
   Native dialog, original source, zoom and focus restoration remain unchanged. */
.detail-page{width:min(var(--kc-page-width),calc(100% - 2 * var(--kc-gutter)));padding:18px 0 72px}
.detail-page .back-link{font:400 .9375rem/1.3 var(--kc-utility);min-height:44px;margin-bottom:20px;color:var(--kc-turquoise)}
.art-detail{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:6%;color:var(--kc-ink)}
.art-detail .art-detail-image{background:var(--kc-porcelain);min-width:0}
.art-detail .image-inspect{background:transparent}
.art-detail .image-inspect>img{width:100%;height:auto;max-height:min(680px,72svh);object-fit:contain;background:transparent}
.art-detail .inspect-prompt{display:flex;justify-content:flex-end;align-items:center;position:static;min-height:44px;padding:10px 16px;background:var(--kc-porcelain);color:var(--kc-turquoise);box-shadow:none;font:600 .875rem/1.4 var(--kc-utility);border-top:1px solid var(--kc-rule)}
.art-detail .art-detail-copy{padding-top:8px;min-width:0}
.art-detail .art-detail-copy>.eyebrow{font:600 .8125rem/1.4 var(--kc-utility);letter-spacing:.02em;text-transform:none;color:var(--kc-turquoise);margin-bottom:14px}
.art-detail h1{font:600 clamp(2.8rem,4.6vw,4.7rem)/.96 var(--kc-display);letter-spacing:-.025em;margin-bottom:20px;overflow-wrap:anywhere}
.art-detail .art-detail-copy>.availability{font:400 .875rem/1.4 var(--kc-utility);color:var(--kc-muted);padding-bottom:20px;margin-bottom:20px;border-color:var(--kc-rule)}
.art-detail .art-description{font:400 1.0625rem/1.7 var(--kc-reading);white-space:pre-line;max-width:52ch;overflow-wrap:anywhere}
.art-detail .art-facts{font:400 1rem/1.5 var(--kc-reading);grid-template-columns:minmax(100px,.75fr) minmax(0,1fr);gap:10px 20px;border-color:var(--kc-rule);padding-top:20px;margin:26px 0 20px}
.art-detail .art-facts dt{font:400 .875rem/1.5 var(--kc-utility);color:var(--kc-muted)}
.art-detail .art-facts dd{overflow-wrap:anywhere}
.art-detail .art-detail-copy>.arrow-link{font:600 .9375rem/1.4 var(--kc-utility);color:var(--kc-turquoise);min-height:44px;margin-top:16px}
.art-detail .art-detail-copy>.purchase-link{display:flex;background:var(--kc-black);color:var(--kc-white);border:1px solid var(--kc-black);padding:12px 18px;min-height:48px}
.art-detail .purchase-link:hover{background:var(--kc-turquoise);border-color:var(--kc-turquoise)}
.art-detail .availability-note{font:400 .875rem/1.55 var(--kc-utility);color:var(--kc-muted);max-width:52ch;margin-top:12px}
.art-detail :is(a,button):focus-visible{outline:3px solid var(--kc-turquoise);outline-offset:5px}

@media(max-width:1000px){
  .collection-page .work-grid{gap:36px 24px}
  .collection-page .art-image-link{height:275px}
  .collection-page .art-image{max-height:275px}
  .collection-page .art-card[data-medium=jewelry] .art-image{max-height:230px}
}
@media(max-width:760px){
  .collection-page .page-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;padding:24px 0 20px}
  .collection-page .page-heading>.eyebrow{font-size:.6875rem;margin-bottom:10px}
  .collection-page .page-heading h1{font-size:clamp(3.25rem,13.3vw,5rem)}
  .collection-page .page-heading>p{font:400 .875rem/1.5 var(--kc-reading);margin:0;max-width:24ch}
  .collection-page .collection-tools{grid-template-columns:1fr;gap:0;padding:0;border-bottom:0}
  .collection-page .filter-nav{gap:26px;border-bottom:1px solid var(--kc-rule);flex-wrap:nowrap}
  .collection-page .filter-nav a{font-size:.875rem}
  .collection-page .collection-search{padding-top:8px;gap:14px}
  .collection-page .collection-search label{font-size:.75rem}
  .collection-page .collection-ledger{padding:2px 0 12px;gap:14px;flex-wrap:wrap}
  .collection-page .collection-count{font-size:.75rem}
  .collection-page .collection-buying{font-size:.8125rem;flex:1;min-width:115px}
  .collection-page .collection-buying[open]{flex-basis:100%}
  .collection-page .collection-buying[open] summary{text-align:left}
  .collection-page .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
  .collection-page .art-image-link{height:clamp(175px,55vw,300px)}
  .collection-page .art-image{max-height:clamp(175px,55vw,300px)}
  .collection-page .art-card[data-medium=jewelry] .art-image{max-width:94%;max-height:clamp(160px,47vw,270px)}
  .collection-page .art-card-caption{margin-top:12px;padding-top:10px}
  .collection-page .art-card-caption h3{font-size:1.4rem;line-height:1.05}
  .collection-page .art-card-caption>.eyebrow{font-size:.6875rem;margin-bottom:3px}
  .collection-page .art-card-caption>.availability{font-size:.75rem}
  .detail-page{padding-top:8px}
  .detail-page .back-link{margin-bottom:12px}
  .art-detail{grid-template-columns:minmax(0,1fr);gap:22px}
  .art-detail .image-inspect>img{max-height:45svh}
  .art-detail .art-detail-copy{padding:0}
  .art-detail .art-detail-copy>.eyebrow{margin-bottom:8px}
  .art-detail h1{font-size:clamp(2.65rem,10vw,3.7rem);margin-bottom:16px}
  .art-detail .art-description{font-size:1rem}
}
@media(max-width:359px){
  .collection-page .page-heading{grid-template-columns:1fr;gap:8px}
  .collection-page .page-heading>.eyebrow{margin-bottom:0}
  .collection-page .page-heading>p{max-width:none}
  .collection-page .filter-nav{gap:22px}
}
@media(prefers-reduced-motion:reduce){
  .collection-page :is(a,button,img),.art-detail :is(a,button,img,.link-arrow){animation:none;transition:none;scroll-behavior:auto}
}