<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="../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-ivory)" style-hover="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"> <section data-screen-label="Contact intro" style="background:var(--surface-dark);padding:clamp(150px,20vh,210px) clamp(20px,5vw,56px) clamp(64px,9vh,100px)"> <div style="max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:22px"> <div data-hero="" style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--trh-bronze)">CONTACT</div> <h1 data-hero="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(40px,5vw,68px);line-height:1.1;color:var(--trh-ivory);max-width:820px;text-wrap:pretty">Tell us what you have in mind.</h1> <p data-hero="" style="margin:0;font-weight:300;font-size:16px;line-height:1.8;color:var(--trh-smoke);max-width:560px;text-wrap:pretty">A question about a piece, a custom build, or an order already in the shop. A maker reads every message and answers within 24 hours.</p> </div> </section> <section data-screen-label="Contact form" style="padding:clamp(80px,11vh,130px) clamp(20px,5vw,56px);background:var(--surface-sheet);border-bottom:1px solid var(--border-default)"> <div data-m="stack" style="max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(40px,7vw,100px);align-items:start"> <div data-reveal="" style="display:flex;flex-direction:column"> <div style="display:flex;flex-direction:column;gap:8px;padding:22px 0;border-top:1px solid var(--border-default)"> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">THE SHOP</span> <span style="font-family:var(--font-display);font-size:20px;line-height:1.4;color:var(--trh-ink)">1101 Rickett Rd, Brighton, Michigan</span> <span style="font-weight:300;font-size:13px;line-height:1.6;color:var(--text-body)">Visits by appointment.</span> </div> <div style="display:flex;flex-direction:column;gap:8px;padding:22px 0;border-top:1px solid var(--border-default)"> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">PHONE</span> <a href="tel:+18108879950" style="font-family:var(--font-display);font-size:20px;line-height:1.4;color:var(--trh-ink)" style-hover="color:var(--trh-bronze-deep)">(810) 887 9950</a> </div> <div style="display:flex;flex-direction:column;gap:8px;padding:22px 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)"> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">EMAIL</span> <a href="mailto:info@rohnstudio.com" style="font-family:var(--font-display);font-size:20px;line-height:1.4;color:var(--trh-ink);overflow-wrap:anywhere" style-hover="color:var(--trh-bronze-deep)">info@rohnstudio.com</a> </div> </div> <form name="contact" data-m="stack" ref="{{ formRef }}" onSubmit="{{ submitContact }}" data-reveal="120" style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;border-top:1px solid var(--border-default)"> <input type="hidden" name="form-name" value="contact"> <label aria-hidden="true" style="display:none">Leave this empty <input name="bot-field" tabindex="-1" autocomplete="off"></label> <label style="display:flex;flex-direction:column;gap:9px;padding:22px 0 18px;border-bottom:1px solid var(--border-default)"> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">NAME</span> <input name="name" type="text" required="{{ true }}" autocomplete="name" placeholder="First and last" style="border:none;background:transparent;font-family:var(--font-sans);font-weight:300;font-size:15px;line-height:1.5;color:var(--trh-ink);outline:none;padding:0;width:100%"> </label> <label style="display:flex;flex-direction:column;gap:9px;padding:22px 0 18px;border-bottom:1px solid var(--border-default)"> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">EMAIL</span> <input name="email" type="email" required="{{ true }}" autocomplete="email" placeholder="you@example.com" style="border:none;background:transparent;font-family:var(--font-sans);font-weight:300;font-size:15px;line-height:1.5;color:var(--trh-ink);outline:none;padding:0;width:100%"> </label> <label style="display:flex;flex-direction:column;gap:9px;padding:22px 0 18px;border-bottom:1px solid var(--border-default)"> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">PHONE <span style="color:var(--text-body);font-weight:300;letter-spacing:.08em">(OPTIONAL)</span></span> <input name="phone" type="tel" autocomplete="tel" placeholder="(000) 000 0000" style="border:none;background:transparent;font-family:var(--font-sans);font-weight:300;font-size:15px;line-height:1.5;color:var(--trh-ink);outline:none;padding:0;width:100%"> </label> <label style="display:flex;flex-direction:column;gap:9px;padding:22px 0 18px;border-bottom:1px solid var(--border-default)"> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">HOW CAN WE HELP</span> <select name="topic" style="appearance:none;border:none;background:transparent;font-family:var(--font-sans);font-weight:300;font-size:15px;line-height:1.5;color:var(--trh-ink);outline:none;padding:0;width:100%;cursor:pointer"> <option value="A custom piece">A custom piece</option> <option value="A piece from a collection">A piece from a collection</option> <option value="An order in progress">An order in progress</option> <option value="Delivery or shipping">Delivery or shipping</option> <option value="Something else">Something else</option> </select> </label> <label style="grid-column:1/-1;display:flex;flex-direction:column;gap:9px;padding:22px 0 18px;border-bottom:1px solid var(--border-default)"> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">MESSAGE</span> <textarea name="message" rows="4" required="{{ true }}" placeholder="The piece, dimensions, finish, and timing. Whatever you know so far." style="border:none;background:transparent;font-family:var(--font-sans);font-weight:300;font-size:15px;line-height:1.5;color:var(--trh-ink);outline:none;padding:0;width:100%;line-height:1.7;resize:vertical"></textarea> </label> <div style="grid-column:1/-1;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:28px"> <button type="submit" disabled="{{ sending }}" style="border:none;background:var(--trh-bronze);color:#161311;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:var(--track-label);padding:16px 30px;cursor:pointer" style-hover="background:var(--trh-bronze-deep);color:var(--trh-ivory)">{{ submitLabel }}</button> <span style="font-weight:300;font-size:12px;line-height:1.6;color:var(--text-body)">We answer within 24 hours.</span> </div> </form> </div> </section> <section id="faq" data-screen-label="FAQ" style="padding:clamp(80px,11vh,130px) clamp(20px,5vw,56px);background:var(--surface-inset);border-bottom:1px solid var(--border-default)"> <div data-m="stack" style="max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(40px,7vw,100px);align-items:start"> <div data-reveal="" style="display:flex;flex-direction:column;gap:18px"> <span style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);color:var(--text-label)">QUESTIONS</span> <h2 style="margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(30px,2.8vw,40px);line-height:1.2;color:var(--text-heading);text-wrap:pretty">What people ask before they order</h2> <p style="margin:0;font-weight:300;font-size:14px;line-height:1.8;color:var(--text-body);max-width:380px;text-wrap:pretty">Anything not covered here, ask above. A maker reads every message and answers within 24 hours.</p> </div> <div data-reveal="120" style="display:flex;flex-direction:column;border-top:1px solid var(--border-default)"> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">How long does a piece take?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Every piece takes 10–12 weeks from order to delivery, outdoor CEDAR included. Nothing waits in a warehouse: every piece is cut, built and finished to order in our workshop in Brighton, Michigan.</p> </div> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">Do you ship, and what does it cost?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Shipping is free anywhere in the US. Destinations that can only be reached by boat, train or plane are quoted and invoiced separately.</p> </div> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">Can you change the size, wood or finish of a collection piece?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Yes. If a piece is close but not right, we will change the dimensions, base, edge or finish rather than talk you into the stock version. Tell us the piece and what you need, and we will come back within 24 hours with options and a firm price.</p> </div> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">Do you build fully custom furniture?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Yes. A sketch, a photo, an elevation set or just the dimensions is enough to start. We answer with material options, a shop drawing, a firm price and a delivery week, and the person who quotes your piece is the person who builds it.</p> </div> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">What wood do you use?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Salvaged and responsibly sourced hardwoods, dried slowly and stacked in sequence until they are ready: black walnut, white oak, ash, cherry, maple, hickory and catalpa, with cedar for outdoor pieces.</p> </div> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">What is Yakisugi, and is it the same as shou sugi ban?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Yes, they are the same technique. Yakisugi is the original Japanese name, from <em>yaki</em>, to burn, and <em>sugi</em>, Japanese cedar; shou sugi ban is the North American reading of the same characters. We char each board by hand, brush it back and oil it, so the black is the surface of the wood itself. More in <a href="/blog/yakisugi/" style="color:var(--trh-bronze-deep)" style-hover="color:var(--trh-ink)">our notes on the process</a>.</p> </div> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">How do I care for a charred Yakisugi table?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Wipe it with a damp cloth. When the surface begins to look dry, a fresh coat of oil brings it back. The char does not wear off; it is part of the board.</p> </div> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">Can I visit the workshop?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Yes, by appointment. The shop is at 1101 Rickett Rd, Brighton, Michigan. Call <a href="tel:+18108879950" style="color:inherit;text-decoration:underline;text-decoration-color:var(--trh-bronze);text-underline-offset:3px;white-space:nowrap" style-hover="color:var(--trh-bronze-deep)">(810) 887-9950</a> or send a message above to arrange a time.</p> </div> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">Do you work with interior designers?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Yes. Our trade program takes 10% off list on every piece and commission, with no minimum order, no annual volume and quotes within 24 hours. See <a href="/for-designers/" style="color:var(--trh-bronze-deep)" style-hover="color:var(--trh-ink)">For Designers</a>.</p> </div> <div style="display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--border-default)"> <h3 data-faq-q="" style="margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35;color:var(--trh-ink);text-wrap:pretty">Is ROHN Studio the same company as TRH Furniture?</h3> <p data-faq-a="" style="margin:0;font-weight:300;font-size:15px;line-height:1.8;color:var(--text-body);max-width:640px;text-wrap:pretty">Yes. TRH Furniture became ROHN Studio in October 2026. Same family, same workshop, same way of building; only the name, the mark and the website are new.</p> </div> </div> </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-smoke)" style-hover="color:var(--trh-bronze)">BLOG</a> <a href="/contact/" style="font-size:10px;font-weight:500;letter-spacing:var(--track-label);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>