@charset "utf-8";
:root{--ink:#23322e;--muted:#63706a;--line:#e0e6df;--paper:#fafaf7;--cream:#f4f3ec;--accent:#234d40;--accentlight:#e4eee7;--shadow:0 14px 38px rgba(33,45,37,.08);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}a{color:inherit}a:hover{color:var(--accent)}img{max-width:100%;display:block}button{font:inherit}p{margin:0 0 1.1rem}h1,h2,h3,h4{line-height:1.16;margin:0 0 1.2rem;font-family:var(--serif);font-weight:500;letter-spacing:-.02em}h1{font-size:clamp(2.6rem,5vw,5.35rem)}h2{font-size:clamp(1.8rem,3.5vw,3.1rem)}h3{font-size:clamp(1.26rem,2vw,1.72rem)}.container{width:min(1190px,calc(100% - 44px));margin-inline:auto}.skip{position:absolute;top:-80px;left:8px;padding:12px;background:#fff;z-index:200}.skip:focus{top:8px}.site-header{z-index:100;position:sticky;top:0;background:rgba(250,250,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.head-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;flex-direction:column;text-decoration:none;line-height:1.14;letter-spacing:.07em;color:var(--ink)}.brand strong{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;font-size:27px}.brand small{font-size:9px;font-weight:700;letter-spacing:.21em;margin-top:4px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a:not(.button){font-size:13px;text-decoration:none;font-weight:700;letter-spacing:.04em}.nav-toggle{display:none;background:none;border:1px solid var(--line);padding:10px 13px;border-radius:9px;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-align:center;padding:11px 20px;border-radius:4px;background:var(--accent);color:#fff!important;font-weight:700;font-size:13px;letter-spacing:.03em;line-height:1.35;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#183b30}.button.outline{background:transparent;border:1px solid var(--ink);color:var(--ink)!important}.button.outline:hover{background:var(--cream)}.button.cream{background:var(--cream);color:var(--ink)!important}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--accent);line-height:1.4}.small{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.brand-disclosure{background:#edf0e9;text-align:center;padding:9px 15px;font-size:11px;letter-spacing:.035em;color:#53635a}.hero,.article-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border-bottom:1px solid var(--line);min-height:590px}.hero-copy,.article-hero-copy{padding:72px max(34px,calc((100vw - 1168px) / 2)) 64px;display:flex;flex-direction:column;justify-content:center}.hero-copy{padding-right:8%}.hero-copy h1{max-width:680px}.hero-copy .lead,.article-hero-copy .lead{font-size:19px;max-width:520px;color:#52645a;line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.hero-photo,.article-photo{min-height:540px;position:relative;overflow:hidden;background:#e4e1d6;display:flex;align-items:center;justify-content:center}.hero-photo img,.article-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-photo img{object-position:50% 45%}.article-photo img{object-position:center center}.image-credit{position:absolute;bottom:17px;right:17px;padding:7px 10px;border-radius:3px;background:rgba(250,250,247,.89);font-size:10px;color:#56645d;max-width:90%;text-align:right}.gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#d8ddd6}.gallery-strip>figure{margin:0;position:relative;height:250px;overflow:hidden}.gallery-strip img{width:100%;height:100%;object-fit:cover}.gallery-strip figcaption{position:absolute;bottom:8px;left:9px;background:rgba(248,248,243,.91);padding:4px 7px;font-size:10px}.section{padding:76px 0}.section-header{max-width:740px;margin-bottom:32px}.section-header p{max-width:650px;color:var(--muted)}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.audience-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;text-decoration:none;transition:transform .25s,box-shadow .25s}.audience-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-art{height:205px;position:relative;overflow:hidden;background:#eee}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.audience-card:hover .card-art img{transform:scale(1.04)}.card-body{padding:22px 25px 25px;flex:1;display:flex;flex-direction:column}.card-body h3{font-size:26px;margin:9px 0 10px}.card-body p{font-size:14px;color:var(--muted);flex:1}.read-link{text-decoration:underline;text-underline-offset:5px;font-size:13px;font-weight:700;margin-top:8px;color:var(--accent)}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0}.fact{padding:28px 20px;text-align:center;background:#fff}.fact .big{font:500 28px var(--serif);margin:0 0 7px}.fact p{color:var(--muted);font-size:12px;margin:0}.product-band{background:#254d40;color:#fff;padding:55px 0}.product-band .container{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center}.product-band h2{font-size:clamp(1.75rem,3vw,2.65rem)}.product-band p{color:#e5f0e9}.product-band .button{width:max-content}.footer{background:#f0f1ec;border-top:1px solid var(--line);padding:48px 0}.footer-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer p,.footer a{font-size:13px;color:#5e6c62}.footer a{margin-right:15px}.footer-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{margin:0}.tiny{font-size:11px!important}.article-hero{min-height:565px}.article-hero-copy{padding-right:11%;padding-left:max(34px,calc((100vw - 1168px)/2))}.article-hero h1{font-size:clamp(2.35rem,4vw,4.35rem)}.article-hero-copy .lead{font-size:17px}.breadcrumbs{font-size:12px;margin-bottom:28px;color:#6e7e74}.breadcrumbs a{text-underline-offset:3px}.article-meta{display:flex;gap:12px;align-items:center;margin:9px 0 22px;font-size:12px;font-weight:700;color:#6d7e70}.article-meta span+span:before{content:'·';margin-right:12px}.article-layout{display:grid;grid-template-columns:250px minmax(0,730px);gap:70px;align-items:start;padding-top:68px;padding-bottom:84px}.article-side{position:sticky;top:110px}.side-title{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin-bottom:16px}.toc{border-left:1px solid var(--line);padding-left:17px}.toc a{display:block;font-size:13px;text-decoration:none;color:#617167;padding:6px 0;line-height:1.35}.toc a:hover{color:var(--accent)}.side-shop{border-radius:4px;background:#edf1e9;padding:17px;margin-top:22px;font-size:13px}.side-shop p{font-size:12px;margin-bottom:14px}.article-body>.intro{font-size:19px;line-height:1.7;margin-bottom:38px;color:#42534a}.tip{border-top:1px solid var(--line);padding:27px 0 31px;scroll-margin-top:104px}.tip-number{font-size:13px;color:#678071;font-weight:800;letter-spacing:.16em;margin:0 0 10px}.tip h2{font-size:30px;margin-bottom:14px}.tip p{font-size:16px;line-height:1.84;color:#44554c;margin-bottom:0}.note-box{background:#edf0e7;border-left:3px solid var(--accent);padding:25px 28px;margin:30px 0}.note-box h3{font-size:22px;margin-bottom:9px}.note-box p{margin-bottom:0;font-size:15px}.product-inline{border:1px solid var(--line);margin:37px 0;display:grid;grid-template-columns:.9fr 1.1fr;min-height:245px;background:#fff}.product-inline img{width:100%;height:100%;max-height:300px;object-fit:cover}.product-inline-body{padding:26px}.product-inline h3{font-size:25px;margin:6px 0 8px}.product-inline p{color:var(--muted);font-size:14px}.product-inline .button{margin-top:5px}.faq{padding-top:24px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:700;line-height:1.45}.faq details p{font-size:15px;color:var(--muted);margin-top:12px}.proof{background:#f3f4ef;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}.proof-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px}.proof blockquote{margin:0;font:italic 23px/1.5 var(--serif)}.proof cite{display:block;font:normal 12px var(--sans);color:var(--muted);margin-top:15px}.proof p{font-size:13px;color:var(--muted)}.related{padding:60px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{border:1px solid var(--line);padding:21px;background:#fff;text-decoration:none}.related small{display:block;color:var(--muted);font-size:11px;letter-spacing:.1em;margin-bottom:8px}.related strong{font:500 22px/1.25 var(--serif)}.reading-progress{position:fixed;height:3px;width:0;z-index:101;top:0;background:#a98d6f;left:0;pointer-events:none}.mobile-shop{display:none}.theme-sand{--accent:#655a48;--accentlight:#f1e9dd}.theme-sage{--accent:#325b4f;--accentlight:#e9efe8}.theme-clay{--accent:#865e43;--accentlight:#f4e9de}.theme-sea{--accent:#32616a;--accentlight:#eaf4f2}.theme-moss{--accent:#485c37;--accentlight:#edf2e7}.theme-brown{--accent:#694b38;--accentlight:#f1eae4}.article-hero.theme-sand{background:#f7f2e9}.article-hero.theme-sage{background:#edf2ea}.article-hero.theme-clay{background:#f8f0ea}.article-hero.theme-sea{background:#eaf3f3}.article-hero.theme-moss{background:#eef1e8}.article-hero.theme-brown{background:#f3ece6}.article-hero .eyebrow{color:var(--accent)}.article-hero .button{background:var(--accent)}.article-body .tip-number{color:var(--accent)}.section-label{display:inline-block;border-top:1px solid var(--line);padding-top:11px;margin-bottom:12px}
@media(max-width:1050px){.hero-copy,.article-hero-copy{padding:55px 36px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:36px}.audience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:calc(100% - 34px)}.head-inner{height:68px}.brand strong{font-size:23px}.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:68px;left:0;right:0;padding:20px 22px;background:#fafaf7;border-bottom:1px solid var(--line);display:none;align-items:stretch;flex-direction:column;gap:16px}.nav-links.is-open{display:flex}.nav-links .button{width:100%}.hero,.article-hero{grid-template-columns:1fr}.hero-copy,.article-hero-copy{padding:50px 22px 42px}.hero-photo,.article-photo{min-height:360px}.hero-copy h1{font-size:clamp(2.8rem,9vw,4.5rem)}.article-hero h1{font-size:clamp(2.65rem,8vw,4rem)}.hero .hero-photo{order:-1;min-height:360px}.hero-actions .button{flex:1}.section{padding:52px 0}.audience-grid{grid-template-columns:1fr;gap:14px}.card-art{height:250px}.facts{grid-template-columns:repeat(2,1fr)}.fact{padding:20px 10px}.gallery-strip>figure{height:145px}.article-layout{display:block;padding:40px 0 50px}.article-side{position:static;margin-bottom:32px}.toc{display:none}.side-title{display:none}.side-shop{display:none}.tip h2{font-size:28px}.article-body>.intro{font-size:17px}.product-inline{grid-template-columns:1fr}.product-inline img{max-height:220px}.proof-inner{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.product-band .container{grid-template-columns:1fr;gap:10px}.footer-row{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.mobile-shop{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(250,250,247,.97);border-top:1px solid var(--line);padding:10px 15px;z-index:120;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 -7px 22px rgba(30,42,34,.07)}.mobile-shop>span{font-size:12px;line-height:1.35}.mobile-shop .button{padding:11px 13px;flex:none}.footer{padding-bottom:110px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* The Workshop Edit: matching DIY line, designed to sit alongside original finished-furniture guides */
.diy-section{background:#f3f1e9;border-top:1px solid #dbe2d8}.diy-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:25px;margin-bottom:28px}.diy-intro p{max-width:690px}.diy-pill{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#3b6454}.diy-card .card-art{background:#e9e5db;position:relative}.diy-card .card-art img{object-position:center 45%;}.diy-card .card-art .tag{position:absolute;left:14px;top:14px;background:#264b3e;color:#fff;padding:7px 10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.diy-banner{padding:34px;background:#e6eee6;border:1px solid #c8d5ca;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:30px}.diy-banner h3{font:500 26px/1.22 Georgia,serif;margin:5px 0}.diy-banner p{margin:4px 0 0;font-size:14px;color:#4c6657;max-width:700px}.kit-photo{position:relative;background:#e8e4d7}.kit-photo img{width:100%;height:100%;object-fit:cover}.kit-photo-label{display:block;position:absolute;bottom:15px;left:15px;right:15px;background:rgba(23,39,33,.77);color:#fff;font-size:11px;padding:8px 12px;line-height:1.4}.kit-specs{margin:27px 0;padding:22px;background:#f2eee5;border:1px solid #dcd6c9}.kit-specs h3{font:500 25px Georgia,serif;margin:0 0 14px}.kit-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kit-specs-grid div{border-top:1px solid #d6d1c7;padding-top:9px}.kit-specs-grid strong{font-size:16px;display:block;color:#274638}.kit-specs-grid small{font-size:12px;color:#607066}.kit-disclosure{border-left:3px solid #bc8155;background:#f7f0e7;padding:18px;margin:20px 0;font-size:14px;color:#4c564b}.diy-home-banner{padding:32px 0;background:#2d5143;color:#fff}.diy-home-banner .container{display:flex;justify-content:space-between;gap:25px;align-items:center}.diy-home-banner h2{font:500 clamp(1.9rem,3vw,2.8rem)/1.13 Georgia,serif;margin:6px 0}.diy-home-banner p{color:#e2eae5;margin:0;font-size:15px}.diy-home-banner .button{background:#f2ebde;color:#254537}.diy-photo-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin:20px 0 30px}.diy-photo-strip img{width:100%;height:220px;object-fit:cover;background:#ebe6da}.diy-note{font-size:12px;color:#61736c;padding-top:8px}.diy-divider{margin:48px 0 0;border-top:1px solid #deded6}.soft-meta{font-size:12px;color:#617267}.diy-faq{margin-top:30px}.diy-faq details{border-bottom:1px solid #d9dfd7;padding:15px 0}.diy-faq summary{cursor:pointer;font-weight:700}.diy-faq p{font-size:15px;color:#4d6055}
@media(max-width:760px){.diy-intro{display:block}.diy-banner{grid-template-columns:1fr}.diy-home-banner .container{display:block}.diy-home-banner .button{margin-top:22px}.diy-photo-strip{grid-template-columns:1fr}.kit-specs-grid{grid-template-columns:1fr}.kit-photo-label{font-size:10px}}

/* Keep outlined kit CTA legible within themed article hero */
.article-hero .button.outline{background:transparent !important;color:var(--ink)!important;border:1px solid var(--ink)}
.article-hero .button.outline:hover{background:rgba(255,255,255,.66)!important}

.turned-hero .article-photo img{object-fit:contain;position:relative;height:auto;max-height:760px;padding:24px}
.turned-hero .article-photo{background:#e7e9e1;min-height:480px}
.turned-hero .article-hero-copy{padding-top:50px;padding-bottom:45px}
.kit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8dfd5;margin:30px 0}
.kit-summary>div{background:#eef2e9;padding:18px}.kit-summary b{display:block;font:22px Georgia,serif}.kit-summary span{font-size:12px;color:#526457}
.project-check{border:1px solid #d2ddce;border-left:5px solid #56704e;padding:22px;margin:26px 0;background:#f3f5ee}
.project-check h3{margin-bottom:9px}.project-check p{margin:0}
.kit-table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0}.kit-table th,.kit-table td{padding:12px 9px;border-bottom:1px solid #dbe1d8;text-align:left}.kit-table th{background:#eaf0e5}
.turned-guide h1{max-width:900px}.turned-tag{display:inline-block;background:#e6eddf;padding:5px 10px;border-radius:3px;font-size:12px;margin:0 0 14px}
.new-guides-filter{margin:20px 0;padding:12px;width:min(100%,450px);border:1px solid #aab9a6;background:white;font:inherit}
@media(max-width:700px){.kit-summary{grid-template-columns:1fr}.turned-hero .article-photo{min-height:320px}.turned-hero .article-photo img{max-height:450px}.kit-table{font-size:12px}}

/* Related articles in list form need separate block boxes. */
.article-body .related{min-width:0}
.article-body .related ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.article-body .related li{min-width:0;margin:0;padding:0}
.article-body .related li>a{display:block;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5;padding:18px 20px}
.article-body .related li>a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
