/* Hallmark · macrostructure: Project Gallery · pre-emit critique: P5 H5 E5 S5 R5 V5
 * contrast: pass · honest: pass · chrome: pass · tokens: pass
 * responsive: pass · icons: pass · mobile: pass
 */
.postid-16237 .nsb4-stones {
  background: var(--ns-16237-stone-paper);
  color: var(--ns-16237-stone-ink);
  font-family: var(--ns-16237-stone-body);
  overflow-x: clip;
}
.postid-16237 .nsb4-stones h2,
.postid-16237 .nsb4-stones h3 {
  font-family: var(--ns-16237-stone-display);
  overflow-wrap: anywhere;
}
.postid-16237 .nsb4-stones h2 {
  font-size: clamp(2rem, 5vw, 4.4rem);
  line-height: 1;
}
.postid-16237 .nsb4-stones p,
.postid-16237 .nsb4-stones li {
  line-height: 1.68;
}
.postid-16237 .nsb4-stones__answer {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
  gap: 4rem;
  padding: clamp(3rem, 8vw, 8rem) max(5vw, calc((100vw - 1200px) / 2));
}
.postid-16237 .nsb4-stones__kicker {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--ns-16237-stone-moss);
  font-size: 0.72rem;
}
.postid-16237 .nsb4-stones__lead {
  font-size: clamp(1.05rem, 2vw, 1.4rem);
}
.postid-16237 .nsb4-stones__route {
  align-self: end;
  border-top: 4px solid var(--ns-16237-stone-coral);
  padding-top: 1rem;
}
.postid-16237 .nsb4-stones figure {
  margin: 0;
}
.postid-16237 .nsb4-stones figure img {
  display: block;
  width: 100%;
  height: auto;
}
.postid-16237 .nsb4-stones figcaption {
  padding: 0.8rem 5vw;
  font-size: 0.82rem;
  border-bottom: 1px solid var(--ns-16237-stone-line);
}
.postid-16237 .nsb4-stones__chooser,
.postid-16237 .nsb4-stones__materials,
.postid-16237 .nsb4-stones__steps,
.postid-16237 .nsb4-stones__projects,
.postid-16237 .nsb4-stones__outside {
  padding: clamp(3rem, 7vw, 7rem) max(5vw, calc((100vw - 1200px) / 2));
}
.postid-16237 .nsb4-stones__shapes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
.postid-16237 .nsb4-stones__shapes article {
  border-top: 1px solid var(--ns-16237-stone-line);
  padding-top: 1.25rem;
}
.postid-16237 .nsb4-stones__shapes span {
  display: block;
  height: 84px;
  width: 120px;
  background: var(--ns-16237-stone-moss);
  opacity: 0.8;
  margin-bottom: 1rem;
}
.postid-16237 .nsb4-stones__shapes .oval {
  border-radius: 60% 40% 55% 45%;
}
.postid-16237 .nsb4-stones__shapes .round {
  width: 84px;
  border-radius: 50%;
}
.postid-16237 .nsb4-stones__shapes .odd {
  clip-path: polygon(10% 20%, 70% 0, 100% 45%, 75% 100%, 20% 85%, 0 50%);
}
.postid-16237 .nsb4-stones__materials {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
  gap: 4rem;
  background: var(--ns-16237-stone-moss);
  color: var(--ns-16237-stone-paper);
}
.postid-16237 .nsb4-stones__materials aside {
  border-top: 4px solid var(--ns-16237-stone-coral);
}
.postid-16237 .nsb4-stones__steps > ol {
  counter-reset: step;
  list-style: none;
  padding: 0;
  max-width: 850px;
}
.postid-16237 .nsb4-stones__steps > ol > li {
  counter-increment: step;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  column-gap: 1rem;
  border-top: 1px solid var(--ns-16237-stone-line);
  padding: 1.2rem 0;
}
.postid-16237 .nsb4-stones__steps > ol > li:before {
  content: counter(step);
  font-family: var(--ns-16237-stone-display);
  font-size: 2rem;
  color: var(--ns-16237-stone-coral);
  grid-row: span 2;
}
.postid-16237 .nsb4-stones__steps p {
  margin: 0.35rem 0;
}
.postid-16237 .nsb4-stones__projects > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--ns-16237-stone-line);
}
.postid-16237 .nsb4-stones__projects article {
  background: var(--ns-16237-stone-paper);
  padding: 1.5rem;
}
.postid-16237 .nsb4-stones__projects article > p {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--ns-16237-stone-moss);
}
.postid-16237 .nsb4-stones table {
  width: 100%;
  border-collapse: collapse;
}
.postid-16237 .nsb4-stones th,
.postid-16237 .nsb4-stones td {
  text-align: left;
  vertical-align: top;
  padding: 1rem;
  border-bottom: 1px solid var(--ns-16237-stone-line);
}
.postid-16237 .nsb4-stones__legacy {
  padding: 2rem max(5vw, calc((100vw - 900px) / 2)) 6rem;
}
.postid-16237 .nsb4-stones__legacy summary {
  cursor: pointer;
  padding: 1.5rem 0;
  border-block: 1px solid var(--ns-16237-stone-line);
  font-family: var(--ns-16237-stone-display);
  font-size: 1.3rem;
}
@media (max-width: 720px) {
  .postid-16237 .nsb4-stones__answer,
  .postid-16237 .nsb4-stones__materials,
  .postid-16237 .nsb4-stones__shapes,
  .postid-16237 .nsb4-stones__projects > div {
    grid-template-columns: minmax(0, 1fr);
  }
  .postid-16237 .nsb4-stones table {
    display: block;
    overflow-x: auto;
  }
  .postid-16237 .nsb4-stones h2 {
    font-size: clamp(2rem, 11vw, 3.2rem);
  }
}
.postid-16237 .nsb4-stones__materials h2,
.postid-16237 .nsb4-stones__materials h3,
.postid-16237 .nsb4-stones__materials p,
.postid-16237 .nsb4-stones__materials li {
  color: #fff;
}