<x-dc> <helmet> <link rel="stylesheet" href="../../_ds/trh-furniture-design-system-7b7af6a9-5a44-4cd9-a7e1-794a5b0d3e6e/tokens/fonts.css"> <link rel="stylesheet" href="../../_ds/trh-furniture-design-system-7b7af6a9-5a44-4cd9-a7e1-794a5b0d3e6e/tokens/colors.css"> <link rel="stylesheet" href="../../_ds/trh-furniture-design-system-7b7af6a9-5a44-4cd9-a7e1-794a5b0d3e6e/tokens/typography.css"> <link rel="stylesheet" href="../../_ds/trh-furniture-design-system-7b7af6a9-5a44-4cd9-a7e1-794a5b0d3e6e/tokens/spacing.css"> <link rel="stylesheet" href="../../_ds/trh-furniture-design-system-7b7af6a9-5a44-4cd9-a7e1-794a5b0d3e6e/styles.css"> <script src="../../_ds/trh-furniture-design-system-7b7af6a9-5a44-4cd9-a7e1-794a5b0d3e6e/_ds_bundle.js"></script> <script src="../../_ds/rohn-design-system-461252b3-7740-4ab2-a5fa-0e0ccc64f78d/_ds_bundle.js"></script> <script src="../../image-slot.js"></script> <style> html{scroll-behavior:smooth} body{margin:0;background:#161311} a{color:#8A6F45;text-decoration:none} a:hover{color:#141210} @keyframes navMenuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}} @keyframes navRowIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}} [data-screen-label="Mobile menu"]>*{flex-shrink:0} @media (max-width:980px){[data-m~="desk"]{display:none!important}[data-m~="mob"]{display:flex!important}} @media (max-width:760px){ [data-m~="stack"]{grid-template-columns:minmax(0,1fr)!important;row-gap:clamp(24px,7vw,40px)!important} [data-m~="nogap"]{row-gap:0!important} [data-m~="colm"]{flex-direction:column!important;align-items:flex-start!important;gap:6px!important} [data-m~="img-m"]{height:58vh!important;min-height:320px!important} [data-m~="m-imgbox"]{min-height:0!important;padding:8px 0 40px!important;display:block!important} [data-m~="m-img"]{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:0 auto!important;width:84%!important;max-width:84%!important;display:block!important} [data-m~="dusk-img"]{width:100%!important;height:56%!important;object-position:30% 50%!important;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent)!important;mask-image:linear-gradient(to bottom,#000 70%,transparent)!important} [data-m~="dusk-ov"]{background:linear-gradient(to bottom,rgba(19,17,22,0) 30%,rgba(19,17,22,.7) 56%,rgba(19,17,22,.92) 100%)!important} [data-m~="dusk-sp"]{min-height:44vh!important} [data-m~="stone-img"]{height:320px!important;width:auto!important;max-width:none!important;right:-12%!important;bottom:-60px!important} [data-m~="stone-sp"]{min-height:260px!important} [data-m~="span1"]{grid-column:auto!important} [style*="position: sticky"]{position:relative!important;top:auto!important} } </style> </helmet> <div style="min-height:100vh;background:var(--surface-sheet);font-family:var(--font-sans)"> <a href="#main" style="position:absolute;left:-9999px;top:12px;z-index:300;padding:12px 18px;background:#161311;color:#F4F1EC;font-size:11px;font-weight:500;letter-spacing:.22em" style-focus="left:12px;color:#F4F1EC">SKIP TO CONTENT</a> <div aria-hidden="true" style="position:fixed;inset:0;z-index:200;pointer-events:none;background-image:url(../../assets/texture/grain.png);background-repeat:repeat;background-size:180px 180px;opacity:.12"></div> <svg style="display:none" aria-hidden="true"><symbol id="rohn-icon" viewBox="0 0 144 225"><path fill="currentColor" d="M90.45,144h24.55c16.01,0,29,12.99,29,29v52h-53.55v-81h0Z"></path><rect fill="currentColor" x="62.59" y="-33.11" width="45" height="111.21" transform="translate(62.59 107.59) rotate(-90)"></rect><rect fill="currentColor" x="41.44" y="68.44" width="54.6" height="78.52" transform="translate(-38.96 176.44) rotate(-90)"></rect><path fill="currentColor" d="M29,0h25v196c0,16.01-12.99,29-29,29H0V29C0,12.99,12.99,0,29,0Z"></path><path fill="currentColor" d="M93.57,0h50.43v106c0,16.01-12.99,29-29,29h-21.43c-1.72,0-3.12-1.4-3.12-3.12V3.12c0-1.72,1.4-3.12,3.12-3.12Z"></path></symbol></svg> <header ref="{{ headerRef }}" data-screen-label="Header" style="position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:18px clamp(20px,5vw,56px);background:transparent;border-bottom:1px solid transparent;transition:background .18s linear,border-color .18s linear"> <a href="/" aria-label="ROHN Studio home" style="display:flex;align-items:center;gap:13px"> <svg viewBox="0 0 144 225" style="width:15px;height:23px;color:var(--logo-accent,var(--trh-ivory));transition:color .18s linear"><use href="#rohn-icon"></use></svg> <span style="font-family:var(--font-mark);font-size:19px;line-height:1;letter-spacing:.06em;color:var(--trh-ivory)">ROHN</span> <span style="font-weight:500;font-size:10px;line-height:1;letter-spacing:.42em;color:var(--logo-accent,var(--trh-ivory));padding-top:3px;transition:color .18s linear">STUDIO</span> </a> <nav data-m="desk" style="display:flex;align-items:center;gap:32px"> <a href="/about/" style="font-size:11px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ivory)" style-hover="color:var(--trh-bronze)">ABOUT</a> <a href="/for-designers/" style="font-size:11px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ivory)" style-hover="color:var(--trh-bronze)">FOR DESIGNERS</a> <div ref="{{ menuRef }}" style="position:relative;display:flex;align-items:center"> <a href="/#collections" style="display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ivory)" style-hover="color:var(--trh-bronze)">COLLECTIONS<span style="display:block;width:4px;height:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-bottom:2px"></span></a> <sc-if value="{{ menuOpen }}" hint-placeholder-val="{{ false }}"> <div style="position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:20px;z-index:90"> <div style="min-width:272px;background:rgba(22,19,17,.97);border:1px solid rgba(200,168,120,.3);overflow:hidden;animation:navMenuIn .34s cubic-bezier(.22,.68,.24,1) both;box-shadow:0 18px 44px rgba(13,11,10,.45)"> <sc-for list="{{ collections }}" as="col" hint-placeholder-count="6"> <a href="{{ col.href }}" style="display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 22px;color:var(--trh-ivory);background-image:{{ col.rowBg }};background-size:cover;background-position:center;border-bottom:1px solid rgba(13,11,10,.5);text-shadow:0 1px 7px rgba(13,11,10,.9);transition:filter .35s ease;animation:navRowIn .34s cubic-bezier(.22,.68,.24,1) both;animation-delay:{{ col.delay }}" style-hover="background-image:{{ col.rowBgHover }};filter:brightness(1.16) saturate(1.06)"> <span style="font-size:11px;font-weight:500;letter-spacing:var(--track-label);line-height:1">{{ col.name }}</span> <span style="font-size:10px;font-weight:300;letter-spacing:.08em;line-height:1;color:rgba(244,241,236,.74)">{{ col.note }}</span> </a> </sc-for> <a href="/#collections" style="display:block;padding:13px 22px;font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-bronze)" style-hover="color:var(--trh-ivory)">ALL COLLECTIONS</a> </div> </div> </sc-if> </div> <a href="/blog/" style="font-size:11px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-bronze)">BLOG</a> <a href="/checkout/" style="display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ivory)" style-hover="color:var(--trh-bronze)"><svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><path d="M3.6 5.8h12.8l-1.1 9.7a1.7 1.7 0 0 1-1.7 1.5H6.4a1.7 1.7 0 0 1-1.7-1.5z"></path><path d="M7.3 8.2V5.6a2.7 2.7 0 0 1 5.4 0v2.6"></path></svg><span>CART</span><sc-if value="{{ hasCart }}" hint-placeholder-val="{{ false }}"><span style="min-width:19px;height:19px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--trh-bronze);color:#161311;font-size:10px;font-weight:600;letter-spacing:0">{{ cartCount }}</span></sc-if></a> <span style="width:1px;height:16px;background:rgba(244,241,236,.25)"></span> <div style="display:flex;align-items:center;gap:16px"> <a href="https://www.facebook.com/ROHN.Studio" target="_blank" rel="noopener" aria-label="Facebook" style="display:flex;color:rgba(244,241,236,.7)" style-hover="color:var(--trh-bronze)"><svg width="17" height="17" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><path d="M13.5 2.5h-2.6a3.4 3.4 0 0 0-3.4 3.4v2.6H5v3h2.5v6h3v-6h2.6l.4-3h-3V6.1c0-.6.4-1 1-1h2z"></path></svg></a> <a href="https://www.instagram.com/rohn.studio/" target="_blank" rel="noopener" aria-label="Instagram" style="display:flex;color:rgba(244,241,236,.7)" style-hover="color:var(--trh-bronze)"><svg width="17" height="17" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><rect x="2.8" y="2.8" width="14.4" height="14.4" rx="4"></rect><circle cx="10" cy="10" r="3.4"></circle><circle cx="14.6" cy="5.4" r="0.6" fill="currentColor" stroke="none"></circle></svg></a> <a href="https://www.youtube.com/@ROHN.Studio" target="_blank" rel="noopener" aria-label="YouTube" style="display:flex;color:rgba(244,241,236,.7)" style-hover="color:var(--trh-bronze)"><svg width="18" height="17" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><rect x="1.8" y="4.5" width="16.4" height="11" rx="2.6"></rect><path d="M8.4 7.6l4 2.4-4 2.4z" fill="currentColor" stroke="none"></path></svg></a> </div> </nav> <div data-m="mob" style="display:none;align-items:center;gap:4px;margin-right:-10px"> <a href="/checkout/" aria-label="Cart" style="display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 4px;background:transparent;border:0;cursor:pointer;color:var(--trh-ivory)"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><path d="M3.6 5.8h12.8l-1.1 9.7a1.7 1.7 0 0 1-1.7 1.5H6.4a1.7 1.7 0 0 1-1.7-1.5z"></path><path d="M7.3 8.2V5.6a2.7 2.7 0 0 1 5.4 0v2.6"></path></svg><sc-if value="{{ hasCart }}" hint-placeholder-val="{{ false }}"><span style="min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--trh-bronze);color:#161311;font-size:10px;font-weight:600;letter-spacing:0">{{ cartCount }}</span></sc-if></a> <button type="button" onClick="{{ toggleMobileNav }}" aria-label="{{ menuLabel }}" style="width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:0;background:transparent;border:0;cursor:pointer"> <span style="display:block;width:22px;height:1px;background:var(--trh-ivory);transition:transform .25s ease;transform:{{ burgerTop }}"></span> <span style="display:block;width:22px;height:1px;background:var(--trh-ivory);transition:transform .25s ease;transform:{{ burgerBot }}"></span> </button> </div> </header> <sc-if value="{{ mobileNavOpen }}" hint-placeholder-val="{{ false }}"> <div data-screen-label="Mobile menu" style="position:fixed;inset:0;z-index:79;background:#161311;padding:92px clamp(20px,5vw,56px) 40px;display:flex;flex-direction:column;overflow-y:auto"> <div style="padding:0 0 10px;font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-bronze)">COLLECTIONS</div> <div style="border:1px solid rgba(200,168,120,.3);overflow:hidden"> <sc-for list="{{ collections }}" as="col" hint-placeholder-count="6"> <a href="{{ col.href }}" onClick="{{ closeMobileNav }}" style="display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:0 18px;color:var(--trh-ivory);background-image:{{ col.rowBg }};background-size:cover;background-position:center;border-bottom:1px solid rgba(13,11,10,.5);text-shadow:0 1px 7px rgba(13,11,10,.9);transition:filter .35s ease;animation:navRowIn .34s cubic-bezier(.22,.68,.24,1) both;animation-delay:{{ col.delay }}" style-active="background-image:{{ col.rowBgHover }};filter:brightness(1.16) saturate(1.06)"> <span style="font-size:12px;font-weight:500;letter-spacing:var(--track-label);line-height:1">{{ col.name }}</span> <span style="font-size:11px;font-weight:300;letter-spacing:.08em;line-height:1;color:rgba(244,241,236,.74)">{{ col.note }}</span> </a> </sc-for> </div> <a href="/#collections" onClick="{{ closeMobileNav }}" style="display:block;padding:14px 0 28px;font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-bronze)">ALL COLLECTIONS</a> <a href="/about/" onClick="{{ closeMobileNav }}" style="display:block;padding:18px 0;border-bottom:1px solid rgba(200,168,120,.2);font-size:12px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ivory);border-top:1px solid rgba(200,168,120,.2)">ABOUT</a> <a href="/for-designers/" onClick="{{ closeMobileNav }}" style="display:block;padding:18px 0;border-bottom:1px solid rgba(200,168,120,.2);font-size:12px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ivory)">FOR DESIGNERS</a> <a href="/blog/" onClick="{{ closeMobileNav }}" style="display:block;padding:18px 0;border-bottom:1px solid rgba(200,168,120,.2);font-size:12px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ivory)">BLOG</a> <div style="margin-top:28px;display:flex"><div style="display:flex;align-items:center;gap:24px"> <a href="https://www.facebook.com/ROHN.Studio" target="_blank" rel="noopener" aria-label="Facebook" style="display:flex;color:rgba(244,241,236,.7)" style-hover="color:var(--trh-bronze)"><svg width="17" height="17" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><path d="M13.5 2.5h-2.6a3.4 3.4 0 0 0-3.4 3.4v2.6H5v3h2.5v6h3v-6h2.6l.4-3h-3V6.1c0-.6.4-1 1-1h2z"></path></svg></a> <a href="https://www.instagram.com/rohn.studio/" target="_blank" rel="noopener" aria-label="Instagram" style="display:flex;color:rgba(244,241,236,.7)" style-hover="color:var(--trh-bronze)"><svg width="17" height="17" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><rect x="2.8" y="2.8" width="14.4" height="14.4" rx="4"></rect><circle cx="10" cy="10" r="3.4"></circle><circle cx="14.6" cy="5.4" r="0.6" fill="currentColor" stroke="none"></circle></svg></a> <a href="https://www.youtube.com/@ROHN.Studio" target="_blank" rel="noopener" aria-label="YouTube" style="display:flex;color:rgba(244,241,236,.7)" style-hover="color:var(--trh-bronze)"><svg width="18" height="17" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><rect x="1.8" y="4.5" width="16.4" height="11" rx="2.6"></rect><path d="M8.4 7.6l4 2.4-4 2.4z" fill="currentColor" stroke="none"></path></svg></a> </div></div> </div> </sc-if> <main id="main"> <sc-if value="{{ isYakisugi }}" hint-placeholder-val="{{ false }}"> <section data-screen-label="Post hero · Yakisugi" style="position:relative;height:clamp(560px,84vh,880px);overflow:hidden;background:var(--surface-dark)"> <div style="position:absolute;top:-48px;bottom:-48px;left:0;right:0"> <img src="../../assets/collection/Ember_Plinth_char-detail-web.webp" alt="Close-up of charred, brushed end grain" data-parallax="44" style="display:block;width:100%;height:100%;object-fit:cover;object-position:center"> </div> <div style="position:absolute;inset:0;background:linear-gradient(to top, rgba(22,19,17,.94) 0%, rgba(22,19,17,.66) 36%, rgba(22,19,17,.3) 66%, rgba(22,19,17,.5) 100%);pointer-events:none"></div> <div style="position:absolute;left:clamp(20px,5vw,56px);right:clamp(20px,5vw,56px);bottom:clamp(44px,8vh,72px);display:flex;flex-direction:column;gap:22px"> <div data-hero=""><x-import component-from-global-scope="TRHFurnitureDesignSystem_7b7af6.Eyebrow" on="dark" rules="{{ false }}" hint-size="auto,20px">PROCESS · JUNE 2026</x-import></div> <h1 data-hero="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(40px,5.4vw,78px);line-height:1.06;color:var(--trh-ivory);max-width:980px;text-wrap:balance">Charring hardwood: notes on our Yakisugi process</h1> <div data-hero="" style="font-weight:300;font-size:16px;line-height:1.75;color:rgba(244,241,236,.86);max-width:560px;text-wrap:pretty">A Japanese way of protecting cedar with fire, adapted for hardwood and for a table you eat at every day.</div> </div> </section> <article data-screen-label="Post · Yakisugi" style="background:var(--surface-sheet);padding:clamp(56px,9vw,110px) clamp(20px,5vw,56px) clamp(72px,10vw,120px);display:flex;flex-direction:column;align-items:center;gap:26px"> <div style="width:100%;max-width:680px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:26px;margin-bottom:14px;border-bottom:1px solid var(--border-default)"> <a href="/blog/" style="display:inline-flex;align-items:center;gap:12px;font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-bronze-deep)" style-hover="color:var(--trh-ink)">ALL POSTS</a> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">5 MIN READ</span> </div> <p data-reveal="" style="margin:0 0 6px;width:100%;max-width:680px;font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.3vw,29px);line-height:1.5;color:var(--trh-ink);text-wrap:pretty">Every piece in EMBER is finished by fire. Before we explain how, it is worth knowing where the method comes from, and why it was <span style="font-style:italic;color:var(--trh-bronze-deep)">never meant to be decoration</span>.</p> <h2 data-reveal="" style="margin:30px 0 0;width:100%;max-width:680px;font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.22;color:var(--text-heading);text-wrap:balance">Burnt cedar</h2> <p data-reveal="" style="margin:0;width:100%;max-width:680px;font-weight:300;font-size:17px;line-height:1.85;color:var(--text-body);text-wrap:pretty">Yakisugi joins two Japanese words: <em>yaki</em>, to burn or char, and <em>sugi</em>, the Japanese cedar <em>Cryptomeria japonica</em>. In North America it is usually called shou sugi ban, a reading of the same characters that is widely regarded as a mistranslation. We use the original.</p> <p data-reveal="" style="margin:0;width:100%;max-width:680px;font-weight:300;font-size:17px;line-height:1.85;color:var(--text-body);text-wrap:pretty">The technique developed in western Japan and became widespread during the Edo period, between the early seventeenth and late nineteenth centuries. It was a builder’s method, not a furniture maker’s. Charred boards clad houses, storehouses, and fences, most of all in crowded towns where wooden buildings stood close together and fire was a constant threat.</p> <p data-reveal="" style="margin:0;width:100%;max-width:680px;font-weight:300;font-size:17px;line-height:1.85;color:var(--text-body);text-wrap:pretty">The traditional burn is simple and fast. Three long boards are bound into a triangular flue and stood on end over a small fire. The chimney draws the flame up the inside faces, and within minutes they are charred. The boards are pulled apart, doused with water, and left to cool.</p> <h2 data-reveal="" style="margin:30px 0 0;width:100%;max-width:680px;font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.22;color:var(--text-heading);text-wrap:balance">What fire does to wood</h2> <p data-reveal="" style="margin:0;width:100%;max-width:680px;font-weight:300;font-size:17px;line-height:1.85;color:var(--text-body);text-wrap:pretty">Heat turns the outer layer of a board into carbon, and that layer does the work. It is harder to ignite than raw wood, it offers nothing for fungi or insects to feed on, and it does not grey and split in sunlight the way bare timber does. Beneath it sits a thin band of heat-treated wood; beneath that, the board is unchanged.</p> <p data-reveal="" style="margin:0;width:100%;max-width:680px;font-weight:300;font-size:17px;line-height:1.85;color:var(--text-body);text-wrap:pretty">The texture comes from the grain. Wood grows in alternating bands, soft earlywood in spring and denser latewood in summer. Fire and brushing take the soft bands first and leave the hard ones standing, so the figure of the board ends up in relief.</p> <blockquote data-reveal="" style="margin:22px 0;width:100%;max-width:820px;padding:38px 0 40px;border-top:1px solid var(--trh-bronze);border-bottom:1px solid var(--border-default);font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(26px,2.8vw,36px);line-height:1.38;color:var(--trh-bronze-deep);text-align:center;text-wrap:balance">The char is not something we apply; it is the surface of the board itself.</blockquote> <h2 data-reveal="" style="margin:30px 0 0;width:100%;max-width:680px;font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.22;color:var(--text-heading);text-wrap:balance">Why hardwood is different</h2> <p data-reveal="" style="margin:0;width:100%;max-width:680px;font-weight:300;font-size:17px;line-height:1.85;color:var(--text-body);text-wrap:pretty">Sugi is soft and fast-growing, with a wide gap between its earlywood and latewood, and it chars quickly into the deep, crackled pattern known as alligator skin. The hardwoods we char are denser and more even. They take longer to burn, the crackle is finer, and when the loose char is brushed away the grain rises in a low, even relief rather than deep ridges.</p> <p data-reveal="" style="margin:0;width:100%;max-width:680px;font-weight:300;font-size:17px;line-height:1.85;color:var(--text-body);text-wrap:pretty">That changes the job. A dense board needs more heat, more time, and more attention to stay even across a wide surface, and there is no hiding a cold patch on a six-foot round top. It is why Knob, the table EMBER is built around, is the longest finishing job in our shop.</p> <figure data-img="" style="margin:26px 0;width:100%;max-width:1040px;background:#FFFFFF;border:1px solid var(--border-default);padding:clamp(10px,1.4vw,16px) clamp(10px,1.4vw,16px) 0;display:flex;flex-direction:column"> <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(10px,1.4vw,16px)"> <img src="../../assets/collection/Ember_Knob_01-hero.webp" alt="Knob, a six-foot round Yakisugi pedestal table" style="display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center"> <img src="../../assets/collection/Ember_Slab_02.webp" alt="A charred live edge Slab table beside its maker" style="display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 40%"> </div> <figcaption style="margin:clamp(10px,1.4vw,16px) calc(-1 * clamp(10px,1.4vw,16px)) 0;padding:14px 20px;background:#F7F5F0;border-top:1px solid var(--border-default);font-size:10px;font-weight:500;letter-spacing:.22em;line-height:1.6;color:var(--trh-bronze-deep)">EMBER · KNOB, LEFT · SLAB, RIGHT · CHARRED, BRUSHED AND OILED</figcaption> </figure> <h2 data-reveal="" style="margin:30px 0 0;width:100%;max-width:680px;font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.22;color:var(--text-heading);text-wrap:balance">How we do it</h2> <div data-reveal="" style="width:100%;max-width:680px;display:flex;flex-direction:column;gap:24px;margin-top:6px"> <div style="border-left:2px solid var(--trh-bronze);padding:2px 0 2px 22px;display:flex;flex-direction:column;gap:8px"> <span style="font-size:11px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ink)">01 · CHAR</span> <span style="font-weight:300;font-size:16px;line-height:1.8;color:var(--text-body);text-wrap:pretty">Every surface is burned by hand to a full alligator skin, a section at a time, until the whole piece reads as one even black.</span> </div> <div style="border-left:2px solid var(--trh-bronze);padding:2px 0 2px 22px;display:flex;flex-direction:column;gap:8px"> <span style="font-size:11px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ink)">02 · BRUSH</span> <span style="font-weight:300;font-size:16px;line-height:1.8;color:var(--text-body);text-wrap:pretty">Most of that char is brushed away: wire first, then softer bristle, until the loose carbon is gone and the grain stands up under the fingertips.</span> </div> <div style="border-left:2px solid var(--trh-bronze);padding:2px 0 2px 22px;display:flex;flex-direction:column;gap:8px"> <span style="font-size:11px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-ink)">03 · OIL</span> <span style="font-weight:300;font-size:16px;line-height:1.8;color:var(--text-body);text-wrap:pretty">What remains is oiled. The oil deepens the black and binds the surface, leaving a finish that sheds water and takes decades of hands without wearing thin.</span> </div> </div> <h2 data-reveal="" style="margin:30px 0 0;width:100%;max-width:680px;font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.22;color:var(--text-heading);text-wrap:balance">Indoors, the brief changes</h2> <p data-reveal="" style="margin:0;width:100%;max-width:680px;font-weight:300;font-size:17px;line-height:1.85;color:var(--text-body);text-wrap:pretty">On a building, char is armour. On a dining table, protection matters less than the surface itself: a black you can read with your fingertips, and grain you can still see at its darkest. So we brush further than an exterior board would ever be brushed, until nothing comes away on a hand or a napkin.</p> <p data-reveal="" style="margin:0;width:100%;max-width:680px;font-weight:300;font-size:17px;line-height:1.85;color:var(--text-body);text-wrap:pretty">The finish is meant to be kept, not replaced. Wipe it with a damp cloth. When the surface begins to look dry, a fresh coat of oil brings it back. The char itself goes nowhere; it is part of the board.</p> <div data-reveal="" style="width:100%;max-width:680px;margin-top:26px;padding-top:28px;border-top:1px solid var(--border-default)"> <a href="/collections/ember/" style="display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-bronze-deep)" style-hover="color:var(--trh-ink)">EXPLORE THE EMBER COLLECTION<span aria-hidden="true" style="display:block;width:28px;height:1px;background:currentColor"></span></a> </div> </article> <section data-screen-label="Sources" style="background:var(--surface-inset);border-top:1px solid var(--border-default);padding:clamp(48px,7vw,72px) clamp(20px,5vw,56px)"> <div style="max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:22px"> <x-import component-from-global-scope="TRHFurnitureDesignSystem_7b7af6.Eyebrow" rules="{{ false }}" hint-size="auto,20px">SOURCES &amp; FURTHER READING</x-import> <div style="display:flex;flex-direction:column"> <a href="https://continuingeducation.bnpmedia.com/architect/courses/nakamoto-forestry-north-america/using-charred-wood-for-exteriors-and-interiors/" target="_blank" rel="noopener" style="display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--border-default);color:var(--trh-ink)" style-hover="color:var(--trh-bronze-deep)"> <span style="font-weight:400;font-size:15px;line-height:1.5">Using Charred Wood for Exteriors and Interiors</span> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">BNP MEDIA CE CENTER</span> </a> <a href="https://makezine.com/projects/torch-it-all-about-yakisugi-charred-timber-finish/" target="_blank" rel="noopener" style="display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--border-default);color:var(--trh-ink)" style-hover="color:var(--trh-bronze-deep)"> <span style="font-weight:400;font-size:15px;line-height:1.5">Torch It! All About Yakisugi Charred Timber Finish</span> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">MAKE:</span> </a> <a href="https://burnedwood.com/en/glossary/yakisugi/" target="_blank" rel="noopener" style="display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--border-default);color:var(--trh-ink)" style-hover="color:var(--trh-bronze-deep)"> <span style="font-weight:400;font-size:15px;line-height:1.5">Yakisugi: Authentic Japanese Charred Wood Technique</span> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">BURNEDWOOD</span> </a> <a href="https://hellogoodland.com/blogs/news/exploration-of-yakisugi" target="_blank" rel="noopener" style="display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);color:var(--trh-ink)" style-hover="color:var(--trh-bronze-deep)"> <span style="font-weight:400;font-size:15px;line-height:1.5">An Exploration of Yakisugi</span> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">GOODLAND</span> </a> </div> </div> </section> </sc-if> <sc-if value="{{ isPost }}" hint-placeholder-val="{{ false }}"> <section data-screen-label="More posts" style="background:var(--surface-sheet);border-top:1px solid var(--border-default);padding:clamp(64px,10vw,100px) clamp(20px,5vw,56px)"> <div style="max-width:880px;margin:0 auto"> <div data-reveal="" style="margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:24px"> <x-import component-from-global-scope="TRHFurnitureDesignSystem_7b7af6.Eyebrow" rules="{{ false }}" hint-size="auto,20px">MORE FROM THE BLOG</x-import> <a href="/blog/" style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-bronze-deep)" style-hover="color:var(--trh-ink)">ALL POSTS</a> </div> <div style="border-bottom:1px solid var(--border-default)"> <sc-for list="{{ morePosts }}" as="p" hint-placeholder-count="3"> <a data-m="colm" href="{{ p.href }}" style="display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:22px 0;border-top:1px solid var(--border-default);color:var(--trh-ink)" style-hover="color:var(--trh-bronze-deep)"> <span style="font-family:var(--font-display);font-weight:600;font-size:21px;line-height:1.3">{{ p.title }}</span> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label);white-space:nowrap">{{ p.meta }}</span> </a> </sc-for> </div> </div> </section> </sc-if> <section data-screen-label="Custom order CTA" style="background:var(--surface-dark);border-top:1px solid rgba(200,168,120,.25);padding:clamp(64px,14vw,110px) clamp(20px,5vw,56px);display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center"> <div data-reveal=""> <svg viewBox="0 0 144 225" style="width:26px;height:41px;color:var(--trh-bronze)"><use href="#rohn-icon"></use></svg> </div> <div data-reveal="80" style="font-family:var(--font-display);font-weight:600;font-size:clamp(34px,3.4vw,48px);line-height:1.2;color:var(--trh-ivory);max-width:640px;text-wrap:pretty">Have a piece in mind?</div> <div data-reveal="160" style="font-weight:300;font-size:15px;line-height:1.7;color:var(--trh-smoke);max-width:540px">Tell us what you are imagining, and we will build it to last generations.</div> <div data-reveal="240" style="display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px;margin-top:12px"> <x-import component-from-global-scope="TRHFurnitureDesignSystem_7b7af6.Button" variant="bronze" on-click="{{ emailShop }}" hint-size="auto,46px">Request a quote</x-import> <x-import component-from-global-scope="TRHFurnitureDesignSystem_7b7af6.Button" variant="outline-dark" on-click="{{ callShop }}" hint-size="auto,46px">(810) 887 9950</x-import> </div> </section> </main> <footer data-screen-label="Footer" style="background:var(--surface-dark);border-top:1px solid rgba(200,168,120,.25);padding:44px clamp(20px,5vw,56px) 48px"> <div style="display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap"> <div style="display:flex;align-items:center;gap:12px"> <svg viewBox="0 0 144 225" style="width:13px;height:20px;color:var(--trh-bronze)"><use href="#rohn-icon"></use></svg> <span style="font-family:var(--font-mark);font-size:16px;line-height:1;letter-spacing:.06em;color:var(--trh-ivory)">ROHN</span> <span style="font-weight:400;font-size:11px;letter-spacing:.3em;color:var(--trh-smoke)">STUDIO</span> </div> <nav style="display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap"> <a href="/about/" style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-smoke)" style-hover="color:var(--trh-bronze)">ABOUT</a> <a href="/for-designers/" style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-smoke)" style-hover="color:var(--trh-bronze)">FOR DESIGNERS</a> <a href="/#collections" style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-smoke)" style-hover="color:var(--trh-bronze)">COLLECTIONS</a> <a href="/blog/" style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-bronze)">BLOG</a> <a href="/contact/" style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-smoke)" style-hover="color:var(--trh-bronze)">CONTACT</a> </nav> <div style="display:flex;align-items:center;gap:18px"> <a href="https://www.facebook.com/ROHN.Studio" target="_blank" rel="noopener" aria-label="Facebook" style="display:flex;color:var(--trh-bronze)" style-hover="color:var(--trh-ivory)"><svg width="17" height="17" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><path d="M13.5 2.5h-2.6a3.4 3.4 0 0 0-3.4 3.4v2.6H5v3h2.5v6h3v-6h2.6l.4-3h-3V6.1c0-.6.4-1 1-1h2z"></path></svg></a> <a href="https://www.instagram.com/rohn.studio/" target="_blank" rel="noopener" aria-label="Instagram" style="display:flex;color:var(--trh-bronze)" style-hover="color:var(--trh-ivory)"><svg width="17" height="17" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><rect x="2.8" y="2.8" width="14.4" height="14.4" rx="4"></rect><circle cx="10" cy="10" r="3.4"></circle><circle cx="14.6" cy="5.4" r="0.6" fill="currentColor" stroke="none"></circle></svg></a> <a href="https://www.youtube.com/@ROHN.Studio" target="_blank" rel="noopener" aria-label="YouTube" style="display:flex;color:var(--trh-bronze)" style-hover="color:var(--trh-ivory)"><svg width="18" height="17" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.3"><rect x="1.8" y="4.5" width="16.4" height="11" rx="2.6"></rect><path d="M8.4 7.6l4 2.4-4 2.4z" fill="currentColor" stroke="none"></path></svg></a> </div> </div> <div style="margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;font-size:11px;font-weight:300;letter-spacing:.08em;color:var(--trh-smoke)"> <div>© 2026 ROHN Studio · Based in Brighton, Michigan · <span style="font-family: var(--font-display); font-style: italic;">Where rustic meets modern design</span></div> <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap"> <span>Site design by</span> <a href="https://leveretdrive.com" target="_blank" rel="noopener" style="display:flex;align-items:center;gap:7px;color:var(--trh-smoke)" style-hover="color:var(--trh-bronze)"><img src="../../assets/img/LD-Icon-white-web.webp" alt="" width="16" height="16" style="display:block;width:16px;height:16px">Leveret Drive</a> </div> </div> </footer> </div> </x-dc>