.wood-page {
  --wood-ink:#282b23; --wood-muted:#52584a; --wood-green:#263d34; --wood-edge:#d2cec1; --wood-paper:#f6f3ec;
  color:var(--wood-ink); background:var(--wood-paper); font-family:inherit;
}
.wood-page *, .wood-page *::before, .wood-page *::after {box-sizing:border-box}
.wood-page [hidden] {display:none!important}
.wood-inner {width:min(1312px,calc(100% - clamp(40px,10vw,136px)));margin-inline:auto}
.wood-page :is(p,figure,h1,h2,h3,dl,dd) {margin:0}
.wood-page h1,.wood-page h2,.wood-page h3 {font-family:inherit;font-weight:400;line-height:1.03;letter-spacing:-.05em;text-wrap:balance}
.wood-page h1 {font-size:clamp(42px,5.6vw,84px);overflow-wrap:break-word;hyphens:auto}
.wood-page h2 {font-size:clamp(31px,3.4vw,51px);line-height:1.07}
.wood-page h3 {font-size:clamp(23px,2.55vw,38px);line-height:1.14}
.wood-page .eyebrow {font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.45;color:var(--wood-muted)}
.wood-page a {color:inherit}
.wood-page .lede {font-size:clamp(16px,1.25vw,20px);line-height:1.55;color:var(--wood-muted);max-width:52ch;margin-top:20px}
.wood-page .wood-tools {display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:20px}
.wood-page .wood-crumb {display:flex;flex-wrap:wrap;gap:7px;color:var(--wood-muted);font-size:12px;line-height:1.4}
.wood-page .wood-crumb a {text-decoration:none}
.wood-page .wood-crumb a:hover {text-decoration:underline}
.wood-page .wood-basket {display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;text-decoration:none;font-size:13px;line-height:1.3;border:1px solid var(--wood-edge);border-radius:99px;min-height:40px;padding:6px 13px}
.wood-page .wood-basket span {display:grid;place-content:center;min-width:21px;height:21px;border-radius:99px;color:var(--wood-paper);background:var(--wood-green);font-size:12px}
.wood-page .wood-hero,.wood-page .wood-columns {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(38px,6vw,92px);padding:clamp(36px,5vw,75px) 0}
.wood-page .wood-hero .eyebrow,.wood-page .wood-form>.eyebrow,.wood-page .cart-title>.eyebrow,.wood-page .cart-lines>.eyebrow,.wood-page .quick-project>div>.eyebrow {margin-bottom:18px}
.wood-page .action-row {display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:26px}
.wood-page .catalog-action {display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--wood-green);background:var(--wood-green);color:white;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;min-height:46px;padding:12px 21px;border-radius:50px;text-decoration:none;cursor:pointer}
.wood-page .catalog-action:hover {background:#345044}
.wood-page .catalog-action:disabled {opacity:.6;cursor:default}
.wood-page .quiet-link,.wood-page .text-action,.wood-page .cladding-links a {font-family:inherit;font-weight:500;font-size:14px;line-height:1.6;color:var(--wood-green);background:transparent;border:0;border-radius:0;padding:4px 0;text-decoration:underline;text-decoration-color:#a3a99c;text-underline-offset:.27em;cursor:pointer}
.wood-page .wood-arrow {width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.08em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wood-page .quiet-link .wood-arrow {margin-left:4px}
.wood-page :is(.wood-photo,.cladding-sketch) img {display:block;width:100%;height:auto}
.wood-page .wood-photo img {aspect-ratio:1.5;object-fit:cover}
.wood-page .wood-photo figcaption {color:var(--wood-muted);font-size:10px;letter-spacing:.06em;line-height:1.6;margin-top:9px}
.wood-page .wood-photo figcaption a {text-decoration:underline}
.wood-page .catalog-opening {padding:clamp(42px,6vw,90px) 0 clamp(26px,4vw,58px)}
.wood-page .catalog-opening h1 {margin-top:14px}
.wood-page .catalog-index ol {list-style:none;margin:0;padding:0}
.wood-page .catalog-index li a {display:grid;grid-template-columns:38px minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center;border-top:1px solid var(--wood-edge);padding:21px 0;text-decoration:none}
.wood-page .catalog-index li a:hover {background:#eeece3}
.wood-page .index-number,.wood-page .index-desc {color:var(--wood-muted);line-height:1.5}
.wood-page .index-number {font-size:12px;letter-spacing:.05em}
.wood-page .index-desc {font-size:15px;max-width:44ch}

.wood-page .catalog-end {display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:clamp(38px,5vw,75px) 0;border-top:1px solid var(--wood-edge)}
.wood-page .catalog-end div>p {max-width:57ch;color:var(--wood-muted);line-height:1.65;margin:16px 0 22px}
.wood-page .wood-columns {align-items:start;border-top:1px solid var(--wood-edge)}
.wood-page .wood-facts dl {margin:25px 0 0}
.wood-page .wood-facts dl>div {padding:15px 0;border-top:1px solid var(--wood-edge)}
.wood-page .wood-facts dt,.wood-page .wood-fold summary {font-size:15px;font-weight:600}
.wood-page .wood-facts dd,.wood-page .wood-fold p {margin:6px 0 0;line-height:1.65;font-size:15px;color:var(--wood-muted)}
.wood-page .wood-fold {margin-top:16px;border-top:1px solid var(--wood-edge)}
.wood-page .wood-fold summary {padding:13px 0;cursor:pointer;min-height:44px}
.wood-page .wood-fold p {margin:0 0 12px}
.wood-page .cladding-sketch {max-width:100%;margin-top:17px}
.wood-page .wood-form,.wood-page .receipt {padding:clamp(22px,3vw,44px);background:#ece9df;border-radius:6px}
.wood-page .wood-form>p:not(.eyebrow),.wood-page .receipt p:not(.eyebrow) {font-size:15px;line-height:1.6;margin-top:12px;color:var(--wood-muted)}
.wood-page .wood-form form {margin-top:20px}
.wood-page .wood-form label {display:block;margin-top:16px;color:var(--wood-ink);font-size:14px;font-weight:500;line-height:1.45}
.wood-page .wood-form :is(input,select,textarea) {display:block;width:100%;min-width:0;margin-top:6px;font:inherit;font-size:16px;font-weight:400;color:var(--wood-ink);background:#fbfaf6;border:1px solid #a4a494;border-radius:4px;padding:10px 11px;min-height:45px}
.wood-page .wood-form textarea {resize:vertical;min-height:82px}
.wood-page .wood-form input[type=file] {font-size:14px}
.wood-page .wood-form small {color:var(--wood-muted);font-size:12px;font-weight:400}
.wood-page .form-note {font-size:13px;line-height:1.5;color:var(--wood-muted);margin:16px 0}
.wood-page .fields-two {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.wood-page .form-honey {position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.wood-page .wood-form .file-shortcut {margin-top:19px}
.wood-page .cladding-links {display:flex;flex-wrap:wrap;gap:8px 16px}
.wood-page .cladding-links a {font-size:13px}
.wood-page .catalog-families {padding:25px 0 clamp(40px,5vw,80px);border-top:1px solid var(--wood-edge)}
.wood-page .catalog-families>div {display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
.wood-page .catalog-families a {font-size:14px;text-decoration:underline;text-underline-offset:4px}
.wood-page .cart-title {padding:clamp(34px,5vw,70px) 0 clamp(28px,4vw,55px)}
.wood-page .cart-lines h2 {margin-bottom:20px}
.wood-page .line-card {padding:17px 0;border-top:1px solid var(--wood-edge)}
.wood-page .line-card h3 {font-size:26px}
.wood-page .line-card p,.wood-page .empty-list {color:var(--wood-muted);font-size:15px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;margin-top:6px}
.wood-page .line-actions {display:flex;gap:18px;margin-top:9px}
.wood-page .cart-lines .quiet-link {display:inline-flex;align-items:center;margin-top:14px}
.wood-page .receipt {margin-bottom:45px}
.wood-page .receipt h2,.wood-page .receipt a {display:block;margin-top:14px}
.wood-page .notice:not(:empty) {padding:10px 12px;margin:13px 0 0;border-left:3px solid var(--wood-green);background:#f5f5ec;font-size:14px;line-height:1.5}
.wood-page .notice[data-kind=error] {border-color:#964c38;color:#783b28}
.wood-page .notice:empty {display:none}
.wood-page .quick-project {border-top:0}
.wood-page .quick-cross {color:var(--wood-muted);font-size:15px;line-height:1.6;margin-top:16px}
.wood-page .quick-photo {margin-top:32px}
.wood-page :is(a,button,input,select,summary,textarea):focus-visible {outline:2px solid #496856;outline-offset:3px}
@media(max-width:760px) {
  .wood-inner {width:calc(100% - 38px)}
  .wood-page .wood-hero,.wood-page .wood-columns,.wood-page .catalog-end {grid-template-columns:minmax(0,1fr);gap:26px}
  .wood-page .wood-tools {padding-top:14px;gap:10px;align-items:flex-start}
  .wood-page .wood-crumb {padding-top:8px}
  .wood-page .wood-basket {font-size:12px;min-height:34px;padding:5px 9px;gap:7px}
  .wood-page .wood-hero {padding:29px 0 35px}
  .wood-page .wood-hero .eyebrow {margin-bottom:13px}
  .wood-page .lede {margin-top:16px}
  .wood-page .wood-columns:not(.cart-columns):not(.quick-project) .wood-form {grid-row:1}
  .wood-page .catalog-index li a {grid-template-columns:25px minmax(0,1fr);gap:6px 10px;padding:17px 0}
  .wood-page .index-number {grid-area:1/1}.wood-page .catalog-index h3 {grid-area:1/2}.wood-page .index-desc{grid-area:2/2}
  .wood-page .quick-photo {display:none}
}
@media(max-width:460px) {
  .wood-page .fields-two {grid-template-columns:minmax(0,1fr);gap:0}
  .wood-page .wood-form {padding:22px 17px}
  .wood-page .wood-crumb {font-size:11px;gap:4px}
}

.wood-page .cladding-hero img {aspect-ratio:3 / 2;object-fit:contain}
.wood-page .cladding-hero figcaption {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;font-size:14px;letter-spacing:0;color:var(--wood-ink)}
