
:root { --cream: #fbf7f1; --ivory: #fdf8f2; --beige: #f5ede6; --ink: #211916; --brown:#704721; --dark:#412b25; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
a { color:inherit; }
img { max-width:100%; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.desktop-edition { display:block; position:relative; width:100%; overflow:hidden; }
.approved-art { width:100%; height:auto; display:block; }
.hit-area { position:absolute; display:block; text-decoration:none; border-radius:6px; }
.hit-area:focus-visible { outline:3px solid #81552d; outline-offset:3px; }
.hit-area:hover { box-shadow:inset 0 0 0 2px rgba(129,85,45,.1); }
/* Coordinates are in percentages of the original 1024 × 1536 approved artwork. */
.hit-logo { left:6.25%; top:.25%; width:16.6%; height:5.4%; }
.hit-home { left:36.65%; top:1%; width:7%; height:3.1%; }
.hit-purchase { left:47.7%; top:1%; width:10.3%; height:3.1%; }
.hit-about { left:61.8%; top:1%; width:9.3%; height:3.1%; }
.hit-cart { left:89.5%; top:.8%; width:7%; height:4%; }
.hit-hero-shop { left:4.95%; top:24.18%; width:32.8%; height:3.3%; }
.hit-walnut { left:25.78%; top:76.17%; width:17.1%; height:12%; }
.hit-mahogany { left:44.14%; top:76.17%; width:17.1%; height:12%; }
.hit-birch { left:62.5%; top:76.17%; width:17.1%; height:12%; }
.hit-hickory { left:80.86%; top:76.17%; width:17.1%; height:12%; }
.hit-footer-shop { left:31.9%; top:94.9%; width:36.2%; height:3.4%; }
.mobile-edition { display:none; }
/* Standalone draft pages share the site's header and palette. */
.subpage-header { height:88px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; padding:0 6%; background:var(--cream); border-bottom:1px solid #eae0d4; }
.subpage-logo { width:155px; display:block; }
.subpage-logo img { display:block; width:100%; }
.subpage-nav { display:flex; justify-content:center; gap:50px; align-items:center; }
.subpage-nav a { text-decoration:none; font-size:17px; padding:8px 1px; }
.subpage-nav a[aria-current=page] { color:var(--brown); border-bottom:2px solid var(--brown); }
.subpage-cart { justify-self:end; display:flex; width:36px; height:36px; align-items:center; }
.subpage-cart svg { width:30px; height:30px; }
.draft-main { max-width:1100px; margin:0 auto; min-height:calc(100vh - 170px); padding:75px 38px 100px; }
.draft-tag { letter-spacing:.21em; font-size:13px; font-weight:700; color:#744b2c; }
.draft-main h1 { font:normal clamp(38px,5vw,62px)/1.08 Georgia,'Times New Roman',serif; letter-spacing:-.018em; margin:20px 0; }
.draft-main p { font-size:18px; line-height:1.7; max-width:740px; }
.draft-note { color:#765d4b; font-size:14px!important; }
.draft-actions { display:flex;flex-wrap:wrap; gap:14px; margin-top:25px; }
.draft-button { background:var(--dark); color:white; text-decoration:none; padding:14px 23px; border-radius:9px; display:inline-block; }
.draft-secondary { border:1px solid #c9ab92; text-decoration:none; padding:13px 23px; border-radius:9px; display:inline-block; }
.draft-products { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:35px 0 20px; }
.draft-products figure { margin:0; }
.draft-products img { display:block; width:100%; aspect-ratio:1.4; object-fit:cover; }
.draft-products figcaption { font-weight:bold; text-align:center; margin-top:12px; }
.draft-footer { text-align:center; color:#fdf8f2; background:#3d2822; padding:20px 10px; font-size:13px; }
@media (max-width:800px) {
 .desktop-edition { display:none; }
 .mobile-edition { display:block; }
 .mobile-header { background:var(--cream); display:grid; grid-template-columns:115px 1fr 29px; align-items:center; gap:13px; padding:12px 16px 12px 14px; }
 .mobile-brand img { width:115px; height:auto; display:block; }
 .mobile-nav { display:flex; gap:13px; justify-content:center; }
 .mobile-nav a { text-decoration:none; font-size:13px; padding:6px 0; }
 .mobile-nav a[aria-current=page] { color:var(--brown); border-bottom:2px solid var(--brown); }
 .mobile-cart { display:block; }
 .mobile-cart svg { display:block; width:29px; height:29px; }
 .mobile-hero { background:#f8f2e9; }
 .mobile-hero-content { padding:31px 24px 18px; }
 .mobile-hero h1 { font:normal clamp(36px,8.3vw,58px)/1.09 Georgia,'Times New Roman',serif; letter-spacing:-.034em; margin:0; white-space:nowrap; }
 .mobile-hero h1 span { color:#724823; }
 .short-rule { width:66px; height:2px; background:#77502c; margin:20px 0 18px; }
 .mobile-hero p { font-size:15px; line-height:1.5; max-width:360px; margin:0 0 23px; }
 .mobile-hero-button { display:inline-flex; align-items:center; gap:16px; background:#422b26; color:white; padding:14px 18px; font-weight:600; font-size:14px; border-radius:8px; text-decoration:none; }
 .mobile-hero-button span { font-size:20px; font-weight:400; }
 .mobile-hero-photo { display:block; width:100%; height:auto; }
 .mobile-benefits { background:#fdf9f3; padding:12px 23px; }
 .mobile-benefit { display:flex; gap:20px; align-items:center; min-height:102px; padding:12px 0; }
 .mobile-benefit + .mobile-benefit { border-top:1px solid #dfd1c3; }
 .mobile-benefit img { width:60px; height:70px; object-fit:contain; mix-blend-mode:multiply; }
 .mobile-benefit h2 { font-size:17px; margin:0 0 7px; }
 .mobile-benefit p { font-size:13px; margin:0; line-height:1.5; }
 .mobile-problem { background:#f5ede5; padding:32px 24px 22px; }
 .section-kicker { font-weight:700; font-size:12px; color:#79512c; letter-spacing:.18em; }
 .mobile-problem h2 { font:normal 28px/1.13 Georgia,'Times New Roman',serif; margin:15px 0 12px; }
 .mobile-problem p { font-size:14px; line-height:1.5; margin:0; }
 .mobile-problem img { display:block; width:min(230px,63%); margin:18px 0 0 auto; mix-blend-mode:multiply; }
 .mobile-how { background:#fcf7f1; text-align:center; padding:39px 16px 49px; }
 .eyebrow-divider { display:flex; justify-content:center; align-items:center; gap:15px; letter-spacing:.17em; font-size:12px; font-weight:700; }
 .eyebrow-divider span { width:50px; height:1px; background:#b99477; }
 .mobile-how h2 { font:normal 39px/1.06 Georgia,'Times New Roman',serif; margin:17px 0 23px; }
 .mobile-steps { display:flex; flex-direction:column; gap:32px; }
 .mobile-steps article { display:flex; flex-direction:column; align-items:center; }
 .mobile-steps img { max-width:280px; height:133px; width:auto; object-fit:contain; mix-blend-mode:multiply; }
 .mobile-steps h3 { font:normal 26px/1.1 Georgia,'Times New Roman',serif; margin:9px 0 10px; }
 .mobile-steps p { font-size:16px; line-height:1.42; margin:0; }
 .mobile-finishes { background:#f6ede5; padding:34px 22px 42px; }
 .mobile-finishes h2 { font:normal 41px/1.09 Georgia,'Times New Roman',serif; letter-spacing:-.025em; margin:0; }
 .mobile-finishes .short-rule { margin:15px 0 12px; }
 .mobile-finishes p { font-size:15px; max-width:300px; line-height:1.5; margin:0 0 24px; }
 .mobile-finishes-list { display:grid; grid-template-columns:1fr; gap:23px; }
 .mobile-finishes-list a { display:flex; flex-direction:column; align-items:center; text-decoration:none; }
 .mobile-finishes-list img { width:100%; max-width:440px; height:auto; display:block; }
 .mobile-finishes-list span { border:1px solid #b89474; border-radius:30px; padding:6px 32px; margin-top:9px; font-weight:600; }
 .mobile-closing { background:linear-gradient(90deg,#3d2822,#4c3027,#3d2822); color:#fef9f1; text-align:center; padding:34px 20px 43px; }
 .mobile-closing h2 { font:normal 34px/1.13 Georgia,'Times New Roman',serif; margin:0 0 21px; }
 .mobile-closing a { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; border-radius:40px; background:#fbf4eb; color:#1e1714; font-weight:600; font-size:14px; gap:12px; padding:13px 20px; }
 .mobile-closing a span { font-size:21px; font-weight:400; }
 .subpage-header { grid-template-columns:1fr auto; height:auto; padding:12px 17px; gap:5px; }
 .subpage-logo { width:112px; }
 .subpage-nav { grid-row:2; grid-column:1/-1; justify-content:center; gap:34px; }
 .subpage-nav a { font-size:14px; }
 .subpage-cart { grid-column:2; grid-row:1; }
 .draft-main { padding:50px 23px 70px; }
 .draft-main p { font-size:16px; }
 .draft-products { grid-template-columns:1fr; }
}
@media(max-width:365px) { .mobile-header{grid-template-columns:103px 1fr 25px; gap:9px;} .mobile-brand img { width:103px; } .mobile-nav {gap:8px;} .mobile-nav a {font-size:12px;} .mobile-hero h1{font-size:34px;} }
/* Purchase-page design draft. The approved homepage styling above is left intact. */
body.purchase-page { background:#f4eee8; }
.purchase-page .subpage-header { height:105px; background:#fdf9f3; position:relative; z-index:10; }
.purchase-page .subpage-logo { width:183px; }
.purchase-page .subpage-nav a { font-size:19px; }
.purchase-page .subpage-nav { gap:62px; }
.purchase-page .subpage-cart svg { width:34px; height:34px; }
.buy-stage { width:100%; min-height:calc(100vh - 105px); display:grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); align-items:start; gap:18px; padding:38px clamp(20px,2.8vw,50px) 50px; background-color:#f6efe7; background-image:radial-gradient(ellipse at 20% 5%,rgba(193,150,111,.09),transparent 60%),radial-gradient(ellipse at 90% 85%,rgba(135,97,64,.09),transparent 65%),linear-gradient(120deg,#f7f0e9,#f9f4ed 40%,#f0e7dd); }
.product-gallery { min-width:0; padding-top:12px; }
.product-hero-photo { width:100%; height:530px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.product-hero-photo img { display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.finish-choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:0 6px; margin-top:18px; }
.finish-choice { display:flex; flex-direction:column; align-items:center; border:0; padding:0; cursor:pointer; background:none; color:#241a15; font:inherit; min-width:0; }
.finish-choice img { width:100%; height:116px; object-fit:cover; border:2px solid transparent; border-radius:12px; }
.finish-choice.active img { border-color:#7a4b26; }
.finish-choice span { margin-top:7px; border:1px solid #cdb195; background:#f8f1e7; padding:5px 12px; min-width:84px; max-width:100%; text-align:center; border-radius:20px; font-size:14px; }
.finish-choice.active span { color:white; background:#794c2d; border-color:#794c2d; }
.finish-choice:focus-visible, .wood-pill:focus-visible, .add-cart-btn:focus-visible { outline:3px solid #a97648; outline-offset:3px; }
.buy-panel { background:rgba(255,252,247,.91); border-radius:22px; box-shadow:0 10px 28px rgba(78,49,27,.08); padding:34px clamp(28px,3.2vw,52px) 30px; margin:0 0 20px; }
.buy-panel h1 { font:normal clamp(42px,4.2vw,66px)/1.03 Georgia,'Times New Roman',serif; letter-spacing:-.03em; margin:0; }
.product-rule { width:72px; height:2px; background:#70451d; margin:21px 0 18px; }
.product-price { font:normal clamp(40px,4.1vw,65px)/1.1 Georgia,'Times New Roman',serif; color:#79471e; }
.product-lead { font-size:19px; line-height:1.55; margin:14px 0 19px; }
.product-divider { border-top:1px solid #dfd0c3; margin-bottom:22px; }
.label-caps { font-weight:700; letter-spacing:.20em; font-size:16px; margin-bottom:18px; }
.finish-pills { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.wood-pill { font:inherit; font-size:15px; border:1px solid #c6a785; border-radius:16px; color:#291b13; background:transparent; padding:11px 6px; cursor:pointer; white-space:nowrap; }
.wood-pill.active { background:#774a2b; color:white; border-color:#774a2b; }
.selected-finish { margin:25px 0 28px; font:italic 23px Georgia,'Times New Roman',serif; }
.selected-finish em { color:#7b4d2a; }
.add-cart-btn { display:block; width:100%; background:linear-gradient(100deg,#8c582a,#73401b); color:white; font:normal 28px Georgia,'Times New Roman',serif; border:none; border-radius:13px; padding:18px 20px; cursor:pointer; box-shadow:0 8px 20px rgba(88,49,25,.09); }
.stripe-note { display:flex; align-items:center; justify-content:center; gap:10px; font-size:16px; margin:24px 0 0; }
.stripe-note svg { width:21px; height:21px; }
.purchase-demo-message { text-align:center; color:#794c2d; font-size:13px; margin:8px 0 0; }
@media(max-width:1080px) {
 .buy-stage { grid-template-columns:1fr 1fr; gap:12px; padding:27px 22px 38px; }
 .product-hero-photo { height:420px; }
 .finish-choice img { height:92px; }
 .buy-panel { padding:32px 24px 25px; }
 .product-lead { font-size:16px; }
 .finish-pills { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .buy-panel h1 { font-size:44px; }
}
@media(max-width:800px) {
 .purchase-page .subpage-header { height:auto; }
 .purchase-page .subpage-logo { width:112px; }
 .purchase-page .subpage-nav { gap:34px; }
 .purchase-page .subpage-nav a { font-size:14px; }
 .buy-stage { grid-template-columns:1fr; padding:12px 14px 26px; gap:24px; }
 .product-gallery { padding-top:0; }
 .product-hero-photo { height:auto; aspect-ratio:1.48; }
 .finish-choices { gap:6px; margin-top:8px; padding:0; }
 .finish-choice img { height:auto; aspect-ratio:1.16; }
 .finish-choice span { min-width:0; font-size:12px; padding:5px 6px; }
 .buy-panel { padding:26px 24px 22px; margin:0; }
 .buy-panel h1 { font-size:43px; }
 .product-price { font-size:45px; }
 .wood-pill { font-size:14px; }
 .selected-finish { font-size:20px; }
 .add-cart-btn { font-size:25px; }
}

/* The desktop header is ONE cropped image from the approved homepage.
   Home and Purchase use identical pixels except for the active underline. */
.shared-art-header { position:relative; display:block; width:100%; margin:0; padding:0; background:#fdf8f2; }
.shared-art-header-image { display:block; width:100%; height:auto; }
.shared-hit { position:absolute; display:block; z-index:2; text-decoration:none; border-radius:3px; }
.shared-hit:focus-visible { outline:3px solid #8b5b35; outline-offset:-3px; }
.shared-logo { left:6%; top:2%; width:18%; height:94%; }
.shared-home { left:36.2%; top:12%; width:8.3%; height:72%; }
.shared-purchase { left:47.1%; top:12%; width:12%; height:72%; }
.shared-about { left:61.5%; top:12%; width:10%; height:72%; }
.shared-cart { left:90.7%; top:8%; width:5.6%; height:81%; }
.purchase-mobile-shared-header { display:none; }
@media (max-width:800px) {
  body.purchase-page > .shared-art-header { display:none; }
  .purchase-mobile-shared-header { display:grid; }
}


/* Static about page: shared image header plus a separate about image underneath. */
body.about-art-page { background:#fbf7f1; }
.about-art-main { display:block; width:100%; }
.about-art-image { display:block; width:100%; height:auto; }
body.about-art-page .shared-art-header { margin:0; }


/* CART PAGE ONLY — uses the same image header as the existing pages. */
body.cart-page{background:#f9f3ed;color:#211916}
.cart-page .purchase-mobile-shared-header{display:none}
.cart-shell{min-height:calc(100vh - 88px);padding:55px clamp(20px,4vw,62px) 90px;background:radial-gradient(circle at 15% 0%,#fffaf4 0%,transparent 50%),linear-gradient(130deg,#fcf8f2,#f4eae0)}
.cart-heading{max-width:1160px;margin:0 auto 36px}.cart-kicker,.cart-summary-kicker{font-weight:700;letter-spacing:.21em;font-size:12px;color:#865a38}.cart-heading h1{font:normal clamp(39px,4.1vw,57px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.03em;margin:11px 0 0}.cart-title-rule{width:58px;height:2px;background:#8c5831;margin:17px 0 18px}.cart-heading p{font-size:16px;line-height:1.5;color:#65554b;margin:0}.cart-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(310px,1fr);gap:26px;align-items:start;max-width:1160px;margin:auto}.cart-items-card,.cart-summary{background:#fffcf8;border:1px solid #eee2d6;border-radius:17px;box-shadow:0 9px 32px rgba(82,49,26,.06)}.cart-items-card{padding:27px 30px 32px;min-height:360px}.cart-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #e8dbce;padding-bottom:20px}.cart-section-heading h2{font:normal 26px Georgia,'Times New Roman',serif;margin:0}.cart-section-heading span{font-size:13px;color:#725e4f}.cart-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid #e9e0d6}.cart-product-image{width:150px;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:#efe5dc}.cart-row-details h3{font:normal 21px Georgia,'Times New Roman',serif;margin:0 0 6px}.cart-row-details p{font-size:14px;color:#5d5048;line-height:1.5;margin:0 0 5px}.cart-row-details .cart-unit{color:#8d633d}.cart-remove{font:inherit;color:#78513b;text-decoration:underline;background:none;border:0;cursor:pointer;padding:8px 0 0;font-size:13px}.cart-row-controls{text-align:right;display:flex;flex-direction:column;gap:16px;align-items:flex-end}.cart-quantity{display:flex;align-items:center;border:1px solid #d7baa1;border-radius:999px;overflow:hidden;height:37px;min-width:112px;justify-content:space-between}.cart-quantity button{height:35px;width:37px;border:0;background:none;font-size:20px;color:#5c3b26;cursor:pointer}.cart-quantity button:disabled{opacity:.25;cursor:default}.cart-quantity span{font-size:14px;min-width:20px;text-align:center}.cart-line-total{font:normal 19px Georgia,'Times New Roman',serif}.cart-empty{text-align:center;padding:56px 12px 43px}.cart-empty[hidden]{display:none}.cart-empty-icon{font-size:38px;color:#b28c6d}.cart-empty h3{font:normal 26px Georgia,'Times New Roman',serif;margin:10px 0}.cart-empty p{font-size:15px;color:#736356;margin:0 0 28px}.cart-browse-btn{display:inline-block;text-decoration:none;border-radius:9px;background:#74472b;color:#fff;padding:13px 24px;font-size:14px;font-weight:700}.cart-continue{display:inline-block;text-decoration:none;font-size:14px;color:#7a4d2c;margin-top:27px}.cart-continue[hidden]{display:none}.cart-summary{padding:32px 29px 30px}.cart-summary h2{font:normal 29px/1.12 Georgia,'Times New Roman',serif;margin:15px 0 30px}.cart-summary-line{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin:15px 0;font-size:15px}.cart-summary-line strong{font-size:17px}.cart-summary-line.muted{font-size:13px;color:#7b6e61}.cart-summary-line.muted span:last-child{text-align:right}.cart-summary-divider{height:1px;background:#e2d4c7;margin:26px 0 20px}.cart-summary-total{font-size:17px;font-weight:700}.cart-summary-total strong{font:normal 30px Georgia,'Times New Roman',serif;color:#754927}.cart-checkout{width:100%;margin-top:21px;padding:17px;border:0;border-radius:11px;background:linear-gradient(110deg,#82512e,#693d22);font:normal 23px Georgia,'Times New Roman',serif;color:white;cursor:pointer;display:flex;justify-content:center;gap:12px;align-items:center}.cart-checkout:disabled{opacity:.55;cursor:not-allowed}.cart-secure-note{font-size:12px;color:#796d64;display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 0}.cart-secure-note svg{width:17px;height:17px}.cart-notice{font-size:13px;color:#8f3e27;line-height:1.5;margin:14px 0 0}.cart-notice:empty{display:none}.cart-page button:focus-visible,.cart-page a:focus-visible{outline:3px solid #ba8454;outline-offset:3px}.cart-mobile-current svg{width:33px;height:33px}.checkout-result{max-width:660px;margin:75px auto;padding:46px;text-align:center;background:#fffcf8;border-radius:18px;border:1px solid #eee3d8}.checkout-result h1{font:normal 39px Georgia,'Times New Roman',serif}.checkout-result p{font-size:16px;line-height:1.6;color:#65554b}.checkout-result a{display:inline-block;margin-top:22px;background:#74472b;border-radius:9px;padding:13px 23px;color:#fff;text-decoration:none}
@media(max-width:800px){.cart-page > .shared-art-header{display:none}.cart-page .purchase-mobile-shared-header{display:grid}.cart-shell{padding:30px 15px 55px}.cart-layout{grid-template-columns:1fr;gap:22px}.cart-heading{margin-bottom:23px}.cart-items-card{padding:22px 17px}.cart-row{grid-template-columns:94px minmax(0,1fr);gap:12px;align-items:start}.cart-product-image{width:94px}.cart-row-details h3{font-size:17px}.cart-row-controls{grid-column:2;align-items:flex-start;flex-direction:row;justify-content:space-between;margin-top:-5px;align-self:start;width:100%}.cart-quantity{height:33px;min-width:96px}.cart-quantity button{width:31px;height:31px}.cart-summary{padding:26px 21px}.checkout-result{margin:25px 14px;padding:27px 21px}}
