*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{--paper:#f5f1e7;--ink:#203c35;--muted:#58685f;--line:#b8bfb0;--card-fill:#e4d7c0;margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a45c32;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:.14em;line-height:1}.brand svg{width:42px;height:42px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.29em;margin-top:8px}nav{display:flex;align-items:center;gap:31px;font-size:13px}nav a{text-decoration:none}.nav-button{padding:10px 15px;border:1px solid var(--ink)}.menu-button{display:none;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 13px}.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:35px;padding:66px 0 35px}.eyebrow{font:10px/1.5 monospace;letter-spacing:.16em;margin:0 0 27px}.hero h1{font:400 clamp(52px,6.1vw,88px)/1.01 Georgia,serif;letter-spacing:-.055em;margin:0 0 27px}.intro{font-size:17px;max-width:29em;color:var(--muted);line-height:1.85}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:15px 20px;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer}.button:hover{background:#2d5147}.button:disabled{opacity:.6;cursor:default}.subtle-link{font-size:12px;text-underline-offset:5px}.hero-caption{display:flex;gap:21px;margin-top:58px;font:9px monospace;letter-spacing:.1em;color:var(--muted)}.stair-art{margin:0;--tread:#c29361;--riser:#9d6c42;--edge:#af7d4f}.stair-art[data-finish=walnut]{--tread:#785746;--riser:#4d362d;--edge:#604333}.stair-art[data-finish=ash]{--tread:#d4c7ad;--riser:#b1a28a;--edge:#c3b599}.stair-art .tread{fill:var(--tread);stroke:#71502f;stroke-opacity:.2}.stair-art .riser{fill:var(--riser)}.stair-art .edge{fill:var(--edge)}.stair-art svg{display:block;width:100%;height:auto}.stair-art figcaption{text-align:right;font:10px monospace;color:var(--muted);margin-top:-8px}h2{font:400 clamp(34px,3.9vw,54px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:0 0 24px}h3{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}p{margin-top:0}.intro-section{padding:45px 0 55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:35px}.intro-grid{display:grid;grid-template-columns:.6fr 1.2fr 1fr;gap:45px;align-items:start}.intro-grid .eyebrow{max-width:15em;padding-top:5px}.intro-grid h2{font-size:35px;margin-bottom:0}.intro-grid>p:last-child{font-size:14px;color:var(--muted);margin-bottom:0}.section{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:30em;font-size:14px;color:var(--muted);margin-bottom:0}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.idea-card{border:1px solid var(--line)}.plan{background:#e9e4d8;border-bottom:1px solid var(--line)}.plan svg{width:100%;height:auto;display:block}.card-body{padding:23px}.card-body>span{display:block;font:10px monospace;margin-bottom:21px;color:var(--muted)}.card-body p{font-size:13px;color:var(--muted);margin:0}.materials{background:var(--ink);color:var(--paper);padding:70px 0}.material-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.material-grid p{max-width:31em;font-size:14px;color:#c2d0c4}.materials .eyebrow{font-size:10px;color:var(--paper)}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.finish{background:none;border:1px solid #70897c;color:var(--paper);text-align:left;cursor:pointer;padding:11px}.finish.active{outline:2px solid #e4c394;outline-offset:4px}.swatch{display:block;height:150px;margin-bottom:16px}.finish strong{font-size:13px;display:block}.finish small{display:block;font-size:11px;color:#c2d0c4;margin:5px 0 3px}.oak{background:repeating-linear-gradient(93deg,#c99b67 0,#c99b67 9px,#b98852 11px,#cb9b62 13px,#d5aa74 26px)}.walnut{background:repeating-linear-gradient(94deg,#654b3b 0,#654b3b 13px,#503a2c 15px,#74543f 18px,#664b39 28px)}.ash{background:repeating-linear-gradient(92deg,#c8bea7 0,#c8bea7 15px,#b4aa93 17px,#d5ccb8 20px,#c8bea7 31px)}.selection{margin:22px 0 0;font-size:12px!important}.planning{display:grid;grid-template-columns:1fr 1fr;gap:80px}.planning ol{list-style:none;margin:0;padding:0}.planning li{display:flex;gap:30px;border-top:1px solid var(--line);padding:23px 0}.planning li>span{font:11px monospace;padding-top:5px}.planning li:last-child{border-bottom:1px solid var(--line)}.planning p{font-size:14px;color:var(--muted);margin-bottom:0}.outline-section{background:#e8e9df;padding:75px 0}.outline-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.outline-grid p{font-size:15px;max-width:30em;color:var(--muted)}.form-note{font-size:12px!important;max-width:31em!important;margin-top:30px}label{display:block;font-size:12px;margin-bottom:20px}select,textarea{display:block;width:100%;border:1px solid #a6afa2;background:#faf9f2;color:var(--ink);padding:13px 14px;margin-top:7px;font-size:14px;border-radius:0}textarea{resize:vertical;min-height:140px}#outline-preview{margin-top:20px;background:#faf9f2;border:1px solid #a6afa2;padding:20px}#outline-text{font:13px/1.8 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}#outline-status{font-size:13px;min-height:1.7em;margin:17px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:38px;padding-bottom:38px;font-size:12px}.footer-brand{font-weight:700;letter-spacing:.1em}.footer-brand small{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:5px}.footer p{margin:0;color:var(--muted)}.footer a{text-underline-offset:5px}.skip{position:fixed;top:-100px;left:15px;background:var(--ink);color:var(--paper);padding:12px;z-index:10}.skip:focus{top:15px}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:62px}.intro{font-size:15px}.hero-caption{gap:12px;font-size:8px}.hero-actions{gap:17px}.button{gap:20px}.intro-grid{grid-template-columns:1fr 1fr;gap:25px}.intro-grid .eyebrow{grid-column:1/-1;max-width:none;margin:0}.material-grid{gap:35px}.swatches{gap:12px}.swatch{height:120px}.outline-grid,.planning{gap:40px}.section-heading{gap:35px}.card-body{padding:18px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{padding:22px 0;flex-wrap:wrap;gap:18px}.brand{font-size:18px}.brand svg{width:36px;height:36px}.brand small{font-size:9px}.menu-button{display:block;font-size:12px}nav{width:100%;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.js nav:not(.open){display:none}.nav-button{padding:0;border:0}.hero{display:flex;flex-direction:column;padding:42px 0 28px;align-items:stretch}.hero h1{font-size:clamp(51px,13.2vw,70px)}.intro{font-size:15px}.hero-actions{margin-top:25px}.hero-caption{margin-top:35px;gap:22px;font-size:8px}.stair-art{margin-top:10px}.stair-art figcaption{font-size:9px}.intro-section{margin-top:0;padding:32px 0}.intro-grid{display:block}.intro-grid .eyebrow{margin-bottom:20px}.intro-grid h2{font-size:32px;margin-bottom:20px}.section{padding-top:50px;padding-bottom:50px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{margin-bottom:20px}.section-heading>p{font-size:13px}.idea-grid{display:block}.idea-card+.idea-card{margin-top:22px}.plan svg{height:240px}.card-body{padding:22px}.material-grid{display:block}.materials{padding:47px 0}.swatches{margin-top:33px;gap:12px}.swatch{height:105px}.finish{padding:7px}.finish strong{font-size:11px}.finish small{font-size:9px}.planning{display:block}.planning ol{margin-top:30px}.planning li{gap:20px}.outline-section{padding:47px 0}.outline-grid{display:block}.outline-grid form{margin-top:34px}h2{font-size:36px}.footer{flex-wrap:wrap;padding-top:27px;padding-bottom:27px}.footer-brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}