/* Hallmark · genre: editorial · macrostructure: Specimen · theme: material swatch sheet · enrichment: generated atelier photography · nav/footer: existing site chrome preserved */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */
/* Hallmark · local QA: contrast: pass (46–50) · honest: pass (56) · chrome: pass (57) · tokens: pass (58) · responsive: pass (59) · icons: pass (60) · mobile: pass (36,59,61–69) */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,700&family=IBM+Plex+Sans:wght@400;700&display=swap");

html,
body.postid-12575 { overflow-x: clip; }
body.postid-12575 #content { background: var(--ns-12575-color-paper); color: var(--ns-12575-color-ink); }
body.postid-12575 article#post-12575 { font-family: var(--ns-12575-font-body); }

body.postid-12575 article#post-12575 .entry-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ns-12575-space-lg);
  max-width: 92rem;
  margin-inline: auto;
  padding: var(--ns-12575-space-xl) var(--ns-12575-space-md) var(--ns-12575-space-2xl);
  border-bottom: 3px double var(--ns-12575-color-ink);
}

body.postid-12575 article#post-12575 .entry-header-text { min-width: 0; text-align: start; }
body.postid-12575 article#post-12575 .entry-title {
  max-width: 16ch;
  color: var(--ns-12575-color-ink);
  font-family: var(--ns-12575-font-display);
  font-size: var(--ns-12575-text-display);
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 1.02;
  overflow-wrap: anywhere;
  min-width: 0;
}

body.postid-12575 article#post-12575 .entry-image { min-width: 0; margin: 0; }
body.postid-12575 article#post-12575 .entry-image img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--ns-12575-radius-sm); }
body.postid-12575 .large-9,
body.postid-12575 .post-sidebar { width: 100%; max-width: none; }
body.postid-12575 .post-sidebar { display: none; }

body.postid-12575 article#post-12575 .entry-content {
  max-width: 84rem;
  margin-inline: auto;
  padding: var(--ns-12575-space-2xl) var(--ns-12575-space-md) var(--ns-12575-space-3xl);
  font-size: var(--ns-12575-text-base);
  line-height: 1.68;
}

body.postid-12575 article#post-12575 h2,
body.postid-12575 article#post-12575 h3 {
  color: var(--ns-12575-color-ink);
  font-family: var(--ns-12575-font-display);
  font-weight: 700;
  letter-spacing: -0.025em;
  overflow-wrap: anywhere;
  min-width: 0;
}
body.postid-12575 article#post-12575 h2 { margin: 0 0 var(--ns-12575-space-lg); font-size: var(--ns-12575-text-2xl); line-height: 1.1; }
body.postid-12575 article#post-12575 h3 { font-size: var(--ns-12575-text-xl); line-height: 1.12; }
body.postid-12575 article#post-12575 a {
  color: var(--ns-12575-color-accent);
  text-decoration-color: var(--ns-12575-color-rule);
  text-underline-offset: var(--ns-12575-space-2xs);
  transition: color var(--ns-12575-dur-micro) var(--ns-12575-ease-out), text-decoration-color var(--ns-12575-dur-micro) var(--ns-12575-ease-out);
}
body.postid-12575 article#post-12575 a:hover { text-decoration-color: var(--ns-12575-color-accent); }
body.postid-12575 article#post-12575 a:active { color: var(--ns-12575-color-ink); }
body.postid-12575 article#post-12575 a:focus-visible { outline: 3px solid var(--ns-12575-color-focus); outline-offset: var(--ns-12575-space-2xs); }

.postid-12575 .ns12575-specimen-intro { max-width: 74rem; margin-inline: auto; }
.postid-12575 .ns12575-lead { max-width: 58ch; margin: 0; font-family: var(--ns-12575-font-display); font-size: var(--ns-12575-text-xl); line-height: 1.34; }
.postid-12575 .ns12575-route { display: grid; grid-template-columns: minmax(0, 1fr); margin-block: var(--ns-12575-space-2xl); border-top: var(--ns-12575-rule-hairline) solid var(--ns-12575-color-rule); }
.postid-12575 .ns12575-route p { display: flex; justify-content: space-between; gap: var(--ns-12575-space-lg); margin: 0; padding-block: var(--ns-12575-space-md); border-bottom: var(--ns-12575-rule-hairline) solid var(--ns-12575-color-rule); }
.postid-12575 .ns12575-route span { color: var(--ns-12575-color-muted); }

.postid-12575 figure { margin: var(--ns-12575-space-3xl) auto; }
.postid-12575 figure img,
.postid-12575 figure video { display: block; width: 100%; height: auto; border-radius: var(--ns-12575-radius-sm); }
.postid-12575 figcaption { max-width: 68ch; margin-top: var(--ns-12575-space-sm); color: var(--ns-12575-color-muted); font-size: var(--ns-12575-text-sm); }
.postid-12575 .ns12575-wide-figure { max-width: 78rem; }
.postid-12575 .ns12575-trial-figure { max-width: 62rem; margin-inline-start: auto; }
.postid-12575 .ns12575-layer-figure { max-width: 68rem; margin-inline-end: auto; }
.postid-12575 .ns12575-video { max-width: 54rem; }

.postid-12575 .ns12575-specimen-sheet { max-width: 76rem; margin: var(--ns-12575-space-4xl) auto; }
.postid-12575 .ns12575-specimen-sheet > header { display: block; padding-top: var(--ns-12575-space-lg); border-top: 3px double var(--ns-12575-color-ink); }
.postid-12575 .ns12575-specimen-sheet > header span { display: block; margin-bottom: var(--ns-12575-space-xs); color: var(--ns-12575-color-accent); font-size: var(--ns-12575-text-sm); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }

.postid-12575 .ns12575-swatch { display: block; padding-block: var(--ns-12575-space-2xl); border-top: var(--ns-12575-rule-hairline) solid var(--ns-12575-color-rule); }
.postid-12575 .ns12575-swatch:last-child { border-bottom: var(--ns-12575-rule-hairline) solid var(--ns-12575-color-rule); }
.postid-12575 .ns12575-swatch-copy { min-width: 0; }
.postid-12575 .ns12575-swatch-label { display: flex; gap: var(--ns-12575-space-sm); align-items: baseline; margin-bottom: var(--ns-12575-space-sm); }
.postid-12575 .ns12575-swatch-label span { color: var(--ns-12575-color-accent); font-weight: 700; font-variant-numeric: tabular-nums; }
.postid-12575 .ns12575-swatch-label p { margin: 0; color: var(--ns-12575-color-muted); font-size: var(--ns-12575-text-sm); }
.postid-12575 .ns12575-swatch-copy h3 { margin: 0 0 var(--ns-12575-space-md); }
.postid-12575 .ns12575-swatch-copy > p { max-width: 62ch; }
.postid-12575 .ns12575-swatch dl { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: var(--ns-12575-space-xl); }
.postid-12575 .ns12575-swatch dl div { padding-block: var(--ns-12575-space-sm); border-top: var(--ns-12575-rule-hairline) solid var(--ns-12575-color-rule); }
.postid-12575 .ns12575-swatch dt { color: var(--ns-12575-color-muted); font-size: var(--ns-12575-text-sm); font-weight: 700; }
.postid-12575 .ns12575-swatch dd { margin: var(--ns-12575-space-2xs) 0 0; }

.postid-12575 .ns12575-test,
.postid-12575 .ns12575-warning,
.postid-12575 .ns12575-drying,
.postid-12575 .ns12575-number-painting,
.postid-12575 .ns12575-faq { max-width: 64rem; margin: var(--ns-12575-space-4xl) auto; }

.postid-12575 .ns12575-test > div,
.postid-12575 .ns12575-number-painting > div { display: block; }
.postid-12575 .ns12575-test > div span,
.postid-12575 .ns12575-warning > span,
.postid-12575 .ns12575-drying > span,
.postid-12575 .ns12575-number-painting > div span {
  display: block;
  margin-bottom: var(--ns-12575-space-xs);
  color: var(--ns-12575-color-accent);
  font-size: var(--ns-12575-text-sm);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.postid-12575 .ns12575-test { padding-block: var(--ns-12575-space-xl); border-block: 3px double var(--ns-12575-color-ink); }
.postid-12575 .ns12575-test ol { display: grid; gap: var(--ns-12575-space-md); padding-inline-start: var(--ns-12575-space-lg); }
.postid-12575 .ns12575-warning { padding: var(--ns-12575-space-xl); background: var(--ns-12575-color-paper-deep); }
.postid-12575 .ns12575-drying { max-width: 58rem; margin-inline-start: auto; }
.postid-12575 .ns12575-number-painting { max-width: 70rem; padding-top: var(--ns-12575-space-xl); border-top: 4px solid var(--ns-12575-color-umber); }
.postid-12575 .ns12575-faq details { border-top: var(--ns-12575-rule-hairline) solid var(--ns-12575-color-rule); }
.postid-12575 .ns12575-faq details:last-of-type { border-bottom: var(--ns-12575-rule-hairline) solid var(--ns-12575-color-rule); }
.postid-12575 .ns12575-faq summary {
  cursor: pointer;
  padding-block: var(--ns-12575-space-md);
  color: var(--ns-12575-color-ink);
  font-weight: 700;
  transition: color var(--ns-12575-dur-micro) var(--ns-12575-ease-out), background-color var(--ns-12575-dur-micro) var(--ns-12575-ease-out);
}
.postid-12575 .ns12575-faq summary:hover { color: var(--ns-12575-color-accent); }
.postid-12575 .ns12575-faq summary:active { background: var(--ns-12575-color-accent-soft); }
.postid-12575 .ns12575-faq summary:focus-visible { outline: 3px solid var(--ns-12575-color-focus); outline-offset: var(--ns-12575-space-2xs); }
.postid-12575 .ns12575-faq details p { margin-top: 0; padding-bottom: var(--ns-12575-space-md); }

@media (min-width: 40rem) {
  body.postid-12575 article#post-12575 .entry-header { padding-inline: var(--ns-12575-space-xl); }
  body.postid-12575 article#post-12575 .entry-content { padding-inline: var(--ns-12575-space-xl); font-size: var(--ns-12575-text-md); }
  .postid-12575 .ns12575-route { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .postid-12575 .ns12575-route p { display: block; padding-inline: var(--ns-12575-space-md); border-inline-end: var(--ns-12575-rule-hairline) solid var(--ns-12575-color-rule); }
  .postid-12575 .ns12575-route p:last-child { border-inline-end: 0; }
  .postid-12575 .ns12575-route span,
  .postid-12575 .ns12575-route strong { display: block; }
  .postid-12575 .ns12575-route strong { margin-top: var(--ns-12575-space-xs); }
  .postid-12575 .ns12575-swatch dl { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--ns-12575-space-lg); }
}

@media (min-width: 60rem) {
  body.postid-12575 article#post-12575 .entry-header { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: end; padding-inline: var(--ns-12575-space-2xl); }
  body.postid-12575 article#post-12575 .entry-content { padding-inline: var(--ns-12575-space-3xl); }
  .postid-12575 .ns12575-swatch { max-width: 64rem; }
  .postid-12575 .ns12575-swatch:nth-of-type(even) { margin-inline-start: auto; }
  .postid-12575 .ns12575-swatch:nth-of-type(odd) { margin-inline-end: auto; }
}

@media (min-width: 90rem) {
  body.postid-12575 article#post-12575 .entry-header { padding-inline: var(--ns-12575-space-3xl); }
}

@media (prefers-reduced-motion: reduce) {
  body.postid-12575 article#post-12575 *,
  body.postid-12575 article#post-12575 *::before,
  body.postid-12575 article#post-12575 *::after {
    animation-duration: var(--ns-12575-dur-micro) !important;
    transition-duration: var(--ns-12575-dur-micro) !important;
  }
}