/* A second, quieter material chapter on the existing Art page. */
.wood-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.wood-chapter-nav { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 25px; }
.wood-chapter-nav a { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; min-width: 156px; min-height: 44px; padding: 10px 15px; border: 1px solid #cad9ce; border-radius: 8px; color: #285c54; background: #fbfaf5; font-size: .75rem; font-weight: 650; text-decoration: none; }
.wood-chapter-nav a:hover { border-color: #699783; background: #ecf3ea; }
.wood-collection { margin-top: 88px; padding-top: 34px; border-top: 1px solid #cbd9cf; scroll-margin-top: 105px; }
.wood-intro { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 24px 54px; align-items: end; margin-bottom: 30px; }
.wood-intro h2 { margin: 8px 0 0; color: #3d4e42; }
.wood-intro p { max-width: 670px; margin: 0; color: #566b5e; font-size: .92rem; line-height: 1.65; }
.wood-intro .wood-status { margin-top: 13px; color: #69776b; font-size: .73rem; }
.wood-status strong { color: #59664d; }
.wood-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 22px; }
.wood-card .wb-card-image { background: #f3eee5; }
.wood-card .wb-card-image img { object-fit: contain; }
.wood-artist { border-top-color: #d8d8ca; }
.wood-artist .wb-artist-portrait, .wood-product-artist .wb-artist-portrait { filter: grayscale(.35) sepia(.12); mix-blend-mode: multiply; }
.wood-artist h2 { margin: 5px 0 7px; color: #4b503e; }
.wood-artist p { margin: 0; color: #687466; font-size: .78rem; line-height: 1.65; }
.wood-artist a { display: inline-block; margin-top: 10px; color: #326d5a; font-size: .74rem; text-underline-offset: 3px; }
.wood-artist-signature { color: #6e654b; }
.wood-artist-signature, .wood-artist-signature .wb-artist-signature-name { width: 235px; }
.wood-artist-signature .wb-artist-signature-caption { color: #847c69; }
.wood-product-artist .wood-artist-signature, .wood-product-artist .wood-artist-signature .wb-artist-signature-name { width: 200px; }
.wood-product-page .wb-original-note { color: #665d4c; background: #f0e9d9; }
.wood-product-page .wb-original-note strong { color: #5b4d36; }
.wood-main-view { background: #f3eee5; }
.wood-thumbnails { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 380px; }
.wood-order { --fs-heading-context: var(--fs-heading-panel); padding: 24px 0 0; border-top: 1px solid #d5dfd4; }
.wood-order h2 { margin: 7px 0 10px; color: #445343; }
.wood-order > p { margin: 0 0 17px; color: #5a6f61; font-size: .76rem; line-height: 1.6; }
.wood-order-fields { display: grid; grid-template-columns: minmax(0, 2fr) minmax(90px, 1fr); gap: 12px; }
.wood-order label { display: grid; gap: 8px; color: #3d614e; font-size: .73rem; font-weight: 600; }
.wood-order input, .wood-order textarea { display: block; width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #c7d7ca; border-radius: 8px; color: #244c41; background: #fffdf8; font: inherit; font-size: .76rem; font-weight: 400; }
.wood-order textarea { min-height: 82px; resize: vertical; }
.wood-order-note { margin-top: 13px; }
.wood-order [data-wood-copy] { margin-top: 15px; }
.wood-order .wood-order-feedback { min-height: 1.3em; margin: 10px 0 0; color: #2f6950; }
.wood-order .wood-order-boundary { margin: 6px 0 0; color: #758074; font-size: .67rem; }
.wood-product-artist { margin-top: 58px; }
.wood-chapter-nav a:focus-visible, .wood-card:focus-visible, .wood-order :is(input, textarea, button):focus-visible, .wood-thumbnails button:focus-visible, .wood-artist a:focus-visible { outline: 3px solid #427d6b; outline-offset: 3px; }
@media (max-width: 800px) {
  .wood-intro { grid-template-columns: 1fr; gap: 14px; }
  .wood-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 16px; }
}
@media (max-width: 600px) {
  .wood-collection { margin-top: 60px; padding-top: 27px; }
  .wood-grid { gap: 24px 11px; }
  .wood-artist { margin-top: 46px; }
  .wood-order-fields { grid-template-columns: 1fr; }
}