Skip to content

Mid-century Southeast Michigan

Mid-century home renovation that keeps the character and fixes the rest.

Between 1945 and 1975, Southeast Michigan filled its suburbs with ranches, split-levels, and glass-walled moderns, and most of them are still standing on good bones. Wright’s Renovations plans a mid-century home renovation around what the era got right, then rebuilds the kitchens, baths, and systems for the next fifty years through design-build home remodeling under one contract.

5.0 Google rating 550+ projects completed 5-year workmanship warranty Licensed builder #2102236887

Every mid-century house type renovates a little differently

A floor plan that works in a sprawling Troy ranch fails in a Berkley bungalow half its size. Wright’s Renovations scopes each project around the form the original builder chose, the decade it went up, and the way the family lives in it now. The house types below cover most of what the postwar boom left behind.

1948 to 1965, one story

The postwar ranch

One level, a low roofline, and a kitchen walled off from every room that matters. The fix is structural but well understood. Most ranch projects begin with opening a closed ranch kitchen to the living and dining rooms without touching the profile of the house.

1955 to 1970, staggered floors

The split-level

Half flights divide the house into zones that never quite connect, and the lower level goes dark by early afternoon. Handled well, that level becomes a family room that actually gets used, with real light, real ceiling height, and a stair people want to walk down.

1965 to 1975, entry between floors

The raised ranch

A front door that lands on a stair landing, bedrooms up, garage and rec room down. Wider treads, better railings, and an entry rebuilt for Michigan winters change how the whole house greets people before a single room is touched.

1945 to 1955, a story and a half

The postwar Cape

Knee walls and dormers hide a full floor of potential above the main level. Families who love the block but need bedrooms often choose a second-story addition that finishes what the original builder only roughed in.

Architect designed, low slung

The Michigan modern

Flat or shed roofs, walls of glass, and original woodwork that deserves a careful hand. These houses call for millwork matched to the original profiles and an envelope upgrade that never flattens the design.

1960 to 1975, early two story

The mid-century colonial

A formal plan chops the first floor into small rooms nobody sits in. Removing the right wall, with the load carried properly, turns the main level into living space the family flows through instead of around.

Renovation services for mid-century homes

One team designs and builds every project below, so the estimator, the designer, the project manager, and the crew work from the same drawings and the same budget. Nothing gets lost in a handoff between separate companies, and the era’s usual surprises (aluminum branch circuits, undersized panels, framing that settled decades ago) get priced during design instead of discovered during demolition.

Kitchen remodeling

Cabinets to the ceiling, quartz counters, and layouts that open a galley kitchen to the rooms around it while keeping the era’s clean lines.

Bathroom remodeling

Walk-in showers, double vanities, and heated tile over floors framed when one small bath served the entire house.

Basement remodeling

Moisture control first, then family rooms, guest suites, and ceiling solutions that make a low mid-century basement feel intentional.

Home additions

Bump-outs, wings, and suites drawn to carry the original roofline instead of sitting on top of it.

Deck building

Composite and wood decks scaled to low-slung houses, engineered for Michigan freeze-thaw cycles, and detailed to match the horizontal lines the era loved.

Whole-home remodels

Full-house plans that sequence kitchens, baths, systems, and finishes so the family stays in the house while it changes.

How the work runs

A mid-century project follows one shape

Every project runs the same four stages, scaled to the size of the work. The estimate is itemized to the dollar, the schedule ties payments to real milestones, and the plan is set before demolition starts. The first step is to start the project conversation, at no cost and with no obligation.

01

Consultation

A sixty to ninety minute conversation in the home. The team walks the house, reads the era’s conditions, and says plainly what is feasible at what budget.

02

Design and estimate

Designers and project managers turn scope, materials, and schedule into one itemized estimate. Every line and every week on paper before anyone signs.

03

Build

Contract signed, start date confirmed, deposit paid. Daily photos and a live budget track the job from demolition through finish work.

04

Walkthrough

A final walk confirms every detail, then the 5-year workmanship warranty starts on top of manufacturer coverage.

Why mid-century homeowners hire Wright’s

Southeast Michigan has plenty of contractors who will gut a ranch to the studs and hand back a builder-grade box. Wright’s Renovations runs a design-build model where one team owns the outcome, which matters most in houses where the character is the whole point of staying.

That single line of accountability changes how surprises behave. When aluminum wiring or a settled beam shows up behind the drywall, the designer, the estimator, and the crew answer to the same project manager. The plan bends without the budget breaking, and without the era’s details getting sanded off for convenience.

The same standard carries into the finish work, with built-ins rebuilt by hand and lighting layered into low ceilings instead of a grid of recessed cans. It is craft, priced in writing.

One team, one contract

Designer, project manager, and crew work under a single agreement. There are no handoffs between separate companies, and no gap where one trade blames another for a delay.

A live project dashboard

Homeowners see the schedule, budget, change orders, and daily photos in the same view the project manager works from. Nothing about the job hides behind a phone call.

Five-payment milestone schedule

Payments tie to real construction milestones, written into the contract up front rather than requested on the fly. The family always knows what the next payment covers.

Licensed and warrantied

Every job runs under Michigan Residential Builder License #2102236887, backed by a 5-year workmanship warranty on top of the coverage that comes with the materials.

What a mid-century home renovation involves behind the walls

Houses from this era were wired, plumbed, and insulated to standards that retired decades ago. None of it rules out a renovation, but each condition changes how the work is priced and sequenced. Wright’s Renovations reads those conditions on the first visit, so the number on paper is the number the family pays at the end.

Electrical and plumbing

Systems from another code cycle

Aluminum branch wiring, sixty-amp panels, and galvanized supply lines all show up regularly in these houses. Each has a known remedy, and each belongs in the estimate from day one. Panel and circuit upgrades also clear the way for modern systems tucked behind original walls, so the house runs like a new one without looking like one.

Envelope and glass

Insulation the era skipped

Thin-framed walls, a token layer of attic insulation, and single-pane picture windows make these homes expensive to heat through a Michigan winter. Air sealing, attic work, and glass replacement are usually the highest-return lines in the budget, and a larger plan can fold them into a complete exterior upgrade that keeps the original profile.

Paperwork and sequence

Permits and the calendar

Structural changes, panel swaps, and additions all trigger municipal permits and inspections, and every suburb runs its own counter. Wright’s pulls permits under its own license and sequences inspections around the build calendar. For projects that add square footage, how Michigan addition permits run is worth reading before design begins.

Renovation priorities in mid-century houses

Goals in these homes cluster around a few recurring needs. Some families want the plan opened up. Others need a suite the original builder never imagined. The projects below come up most often across Southeast Michigan, and each one is scoped to the specific house rather than a stock template. The right first project is usually the one that fixes how the house lives day to day.

Everyday living

Opening the closed plan

Mid-century kitchens were built as workrooms, sealed off from the living spaces. Carrying the load properly and placing an island where the wall used to be changes how the whole main floor lives, while the original character stays put.

Room to retreat

A real primary suite

Original bedrooms shared one small bath and closets sized for another century. Families solve it two ways: rework the bedroom wing, or build a primary suite addition that gives the house the retreat it never had.

Two generations

A place for parents or adult kids

Single-level living makes ranches natural homes for aging parents, and split-levels hide an apartment’s worth of space downstairs. Done well, a private in-law suite adds independence for everyone under one roof.

Before you start

Questions mid-century homeowners ask

Renovating a house from this era is a big decision. These are the questions the team hears most often across Southeast Michigan.

Prefer to talk it through?
Call (734) 540-0347
or talk through a realistic budget.
Is a mid-century ranch worth renovating?

Usually, yes. Ranches sit on generous lots, the single-story structure takes changes well, and the market rewards updated one-level living. The math improves further when the plan grows, because additions designed for ranch homes can follow the existing roofline instead of fighting it. The honest answer for a specific house comes from a walkthrough, since foundations and systems vary block by block.

Can the kitchen really open to the living room?

In most ranches and colonials, yes. The wall between the kitchen and the living space is often load-bearing, so the opening needs an engineered beam and proper support, which is exactly the kind of work a design-build team prices before demolition. Kitchen design that starts with the structure keeps the surprise out of the budget and the ceiling line clean.

What happens with aluminum wiring or an old panel?

It gets handled, not hidden. Aluminum branch circuits have accepted remediation methods, and panel upgrades are routine inside a larger project. What matters is that the electrical scope shows up in an itemized estimate before the contract is signed, so the family never meets it as a change order in week three. Insurance carriers also ask about it, which makes documentation worth having.

Do the original hardwood floors survive?

More often than homeowners expect. Oak strip flooring from the fifties usually hides under carpet in decent shape, and the gaps left where walls come out can be woven in by hand. Where new material is needed, hardwood flooring matched to the original keeps the floor reading as one surface from room to room, which is half of what makes these houses feel right.

Can a split-level lower level become real living space?

Yes, when light, egress, and moisture are handled in that order. A daylight lower level often needs only better windows and insulation, while a deeper one may need egress windows that make bedrooms legal. Once those basics are right, the lower level carries a family room, a guest room, or an office as comfortably as any room upstairs.

When should the project start?

Design a season before the build. Exterior work lands best from late spring through fall, while kitchens, baths, and lower levels run well all winter. The Michigan renovation timing tool shows how the calendar shapes each project type, and a winter design phase usually secures the summer start date families want.

Where the mid-century stock lives in Southeast Michigan

The postwar boom built whole cities at once, so these houses cluster by ZIP code. Royal Oak and Berkley fill block after block with ranches and Capes, Livonia and Westland carry the tri-levels, and the lake suburbs hold the architect moderns. Wright’s serves all of it from the Ypsilanti headquarters.

That repetition is an advantage for homeowners. Whole subdivisions in Wayne and Oakland counties were platted in a single decade, which means the same wiring, the same framing, and the same kitchen wall repeat street after street. A crew that has opened one of these houses has effectively read the drawings for the whole block.

Start here

Give the house its second fifty years, on paper first.

Book a design consultation. Wright’s walks the home, listens to how the family wants to live in it, and puts a feasible scope and budget in writing before anyone signs anything.

Wright’s Renovations, LLC. Michigan Residential Builder License #2102236887. Renovating mid-century homes across Washtenaw, Wayne, Oakland, Macomb, Livingston, and Monroe counties from 7101 Platt Rd, Ypsilanti, MI 48197.

/* ========================================================================= Wright’s Renovations ~ Mid-century home renovation (era hub) WPCode snippet: Site Wide Header, Auto Insert, page slug rule: /mid-century-home-renovation-michigan/ Namespace: .wri-mcm Design system: Solaris tokens (Customizer v4.0) July 2026 orange-on-dark rule: no orange on Dark Matter. Dark accents use Nebula / Milky Way. Dark primary button is Oatmilk fill, Dark Matter label. ========================================================================= */ :root{ –wri-dark-matter:#192733; –wri-eclipse:#213343; –wri-solaris:#FF5C35; –wri-solaris-access:#C13D1B; –wri-oatmilk:#FEF4EA; –wri-chapati:#FCEAD7; –wri-constellation:#EAF0F6; –wri-satellite:#DBE4ED; –wri-milky-way:#B6C7D6; –wri-nebula:#99AFC4; –wri-ink:#0C1620; –wri-body:#384656; –wri-hairline:rgba(25,39,51,.12); –wri-hairline-dark:rgba(254,244,234,.14); –wri-shadow-1:0 1px 2px rgba(12,22,32,.04),0 8px 24px rgba(12,22,32,.06); –wri-shadow-2:0 2px 4px rgba(12,22,32,.06),0 24px 48px rgba(12,22,32,.10); –wri-radius-sm:4px; –wri-radius-md:8px; –wri-radius-lg:14px; –wri-serif:”Playfair Display”,Georgia,”Times New Roman”,serif; –wri-sans:”DM Sans”,-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,sans-serif; –wri-mono:”DM Mono”,ui-monospace,SFMono-Regular,Menlo,monospace; –wri-max:1200px; –wri-pad-x:clamp(20px,5vw,48px); –wri-pad-y:clamp(64px,9vw,128px); } .wri-mcm *,.wri-mcm *::before,.wri-mcm *::after{box-sizing:border-box;} .wri-mcm{ font-family:var(–wri-sans); color:var(–wri-ink); line-height:1.55; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } .wri-mcm img{max-width:100%;height:auto;display:block;} .wri-mcm a{ color:var(–wri-solaris-access); text-decoration:none; border-bottom:1px solid rgba(193,61,27,.28); transition:border-color 160ms ease,color 160ms ease; } .wri-mcm a:hover,.wri-mcm a:focus-visible{border-bottom-color:var(–wri-solaris-access);} .wri-mcm a:focus-visible{outline:2px solid var(–wri-solaris);outline-offset:3px;border-radius:2px;} .wri-mcm p{margin:0 0 1em;font-size:clamp(16px,1.06vw + 0.3rem,18px);color:var(–wri-body);text-wrap:pretty;} .wri-mcm p:last-child{margin-bottom:0;} .wri-mcm h2,.wri-mcm h3{ font-family:var(–wri-serif); color:var(–wri-ink); letter-spacing:-0.01em; line-height:1.12; margin:0 0 0.6em; font-weight:600; text-wrap:balance; } .wri-mcm__wrap{ max-width:var(–wri-max); margin-left:auto;margin-right:auto; padding-left:var(–wri-pad-x);padding-right:var(–wri-pad-x); } .wri-mcm__eyebrow{ font-family:var(–wri-mono); font-size:12px; letter-spacing:.18em; color:var(–wri-solaris-access); margin:0 0 20px; display:inline-flex;align-items:center;gap:10px; } .wri-mcm__eyebrow::before{content:””;width:28px;height:2px;background:var(–wri-solaris);} /* skip link */ .wri-mcm__skip{ position:absolute;left:-9999px;top:0; background:var(–wri-ink);color:var(–wri-oatmilk); padding:10px 16px;border-radius:0 0 var(–wri-radius-md) 0; border-bottom:none;z-index:50; } .wri-mcm__skip:focus{left:0;} /* icons (base64 background-image, no percent-encoded hex) */ .wri-mcm__ic{ display:inline-block;width:22px;height:22px; background-repeat:no-repeat;background-position:center;background-size:contain; flex:0 0 auto; } .wri-mcm__ic–kitchen{background-image:url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzEzRDFCIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSI0IiB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHJ4PSIyIi8+PGNpcmNsZSBjeD0iOC41IiBjeT0iOS41IiByPSIxLjUiLz48Y2lyY2xlIGN4PSIxNS41IiBjeT0iOS41IiByPSIxLjUiLz48bGluZSB4MT0iMyIgeTE9IjE0IiB4Mj0iMjEiIHkyPSIxNCIvPjwvc3ZnPg==”);} .wri-mcm__ic–bath{background-image:url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzEzRDFCIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOSA2IDYuNSAzLjVhMS41IDEuNSAwIDAgMC0xLS41QzQuNyAzIDQgMy43IDQgNC41VjE3YTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMnYtNSIvPjxsaW5lIHgxPSIxMCIgeTE9IjUiIHgyPSI4IiB5Mj0iNyIvPjxsaW5lIHgxPSIyIiB5MT0iMTIiIHgyPSIyMiIgeTI9IjEyIi8+PGxpbmUgeDE9IjciIHkxPSIxOSIgeDI9IjciIHkyPSIyMSIvPjxsaW5lIHgxPSIxNyIgeTE9IjE5IiB4Mj0iMTciIHkyPSIyMSIvPjwvc3ZnPg==”);} .wri-mcm__ic–basement{background-image:url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzEzRDFCIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWdvbiBwb2ludHM9IjEyIDIgMiA3IDEyIDEyIDIyIDcgMTIgMiIvPjxwb2x5bGluZSBwb2ludHM9IjIgMTcgMTIgMjIgMjIgMTciLz48cG9seWxpbmUgcG9pbnRzPSIyIDEyIDEyIDE3IDIyIDEyIi8+PC9zdmc+”);} .wri-mcm__ic–addition{background-image:url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzEzRDFCIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIi8+PGxpbmUgeDE9IjEyIiB5MT0iOCIgeDI9IjEyIiB5Mj0iMTYiLz48bGluZSB4MT0iOCIgeTE9IjEyIiB4Mj0iMTYiIHkyPSIxMiIvPjwvc3ZnPg==”);} .wri-mcm__ic–deck{background-image:url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzEzRDFCIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAyMVYxMGw5LTYgOSA2djExIi8+PHBhdGggZD0iTTMgMTRoMTgiLz48cGF0aCBkPSJNOCAyMXYtNSIvPjxwYXRoIGQ9Ik0xNiAyMXYtNSIvPjwvc3ZnPg==”);} .wri-mcm__ic–whole{background-image:url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzEzRDFCIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMSIvPjxyZWN0IHg9IjE0IiB5PSIzIiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMSIvPjxyZWN0IHg9IjE0IiB5PSIxNCIgd2lkdGg9IjciIGhlaWdodD0iNyIgcng9IjEiLz48cmVjdCB4PSIzIiB5PSIxNCIgd2lkdGg9IjciIGhlaWdodD0iNyIgcng9IjEiLz48L3N2Zz4=”);} .wri-mcm__ic–check{background-image:url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzEzRDFCIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5bGluZSBwb2ludHM9IjguNSAxMiAxMSAxNC41IDE1LjUgOSIvPjwvc3ZnPg==”);} .wri-mcm__ic–pin{background-image:url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzEzRDFCIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjEgMTBjMCA3LTkgMTMtOSAxM3MtOS02LTktMTNhOSA5IDAgMCAxIDE4IDB6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMCIgcj0iMyIvPjwvc3ZnPg==”);} .wri-mcm__ic–chevron{background-image:url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTkyNzMzIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSIvPjwvc3ZnPg==”);} /* ========================================================================= Buttons (!important on element and children across every state) ========================================================================= */ .wri-mcm .wri-mcm__btn, .wri-mcm a.wri-mcm__btn, .wri-mcm button.wri-mcm__btn{ display:inline-flex !important;align-items:center !important;gap:10px !important; padding:15px 26px !important;border:1px solid transparent !important;border-radius:999px !important; font-family:var(–wri-sans) !important;font-size:15px !important;font-weight:600 !important; line-height:1 !important;letter-spacing:-0.005em !important;cursor:pointer !important; text-decoration:none !important;min-height:48px !important; transition:transform 160ms ease,background-color 160ms ease,color 160ms ease,box-shadow 160ms ease,border-color 160ms ease !important; } /* primary on light: ink fill, oatmilk label; hover accessible orange */ .wri-mcm .wri-mcm__btn–primary, .wri-mcm .wri-mcm__btn–primary:link, .wri-mcm .wri-mcm__btn–primary:visited{ background-color:var(–wri-ink) !important;color:var(–wri-oatmilk) !important;border-color:var(–wri-ink) !important; } .wri-mcm .wri-mcm__btn–primary:hover, .wri-mcm .wri-mcm__btn–primary:focus, .wri-mcm .wri-mcm__btn–primary:active, .wri-mcm .wri-mcm__btn–primary:focus-visible{ background-color:var(–wri-solaris-access) !important;color:var(–wri-oatmilk) !important; border-color:var(–wri-solaris-access) !important;box-shadow:0 8px 24px rgba(193,61,27,.25) !important; transform:translateY(-1px) !important; } .wri-mcm .wri-mcm__btn–primary > *{color:var(–wri-oatmilk) !important;} /* ghost on light */ .wri-mcm .wri-mcm__btn–ghost, .wri-mcm .wri-mcm__btn–ghost:link, .wri-mcm .wri-mcm__btn–ghost:visited{ background-color:transparent !important;color:var(–wri-ink) !important;border-color:rgba(25,39,51,.28) !important; } .wri-mcm .wri-mcm__btn–ghost:hover, .wri-mcm .wri-mcm__btn–ghost:focus, .wri-mcm .wri-mcm__btn–ghost:active, .wri-mcm .wri-mcm__btn–ghost:focus-visible{ background-color:var(–wri-ink) !important;color:var(–wri-oatmilk) !important;border-color:var(–wri-ink) !important; transform:translateY(-1px) !important; } .wri-mcm .wri-mcm__btn–ghost > *{color:inherit !important;} /* primary on dark: Oatmilk fill, Dark Matter label (July 2026 rule, no orange) */ .wri-mcm .wri-mcm__btn–on-dark, .wri-mcm .wri-mcm__btn–on-dark:link, .wri-mcm .wri-mcm__btn–on-dark:visited{ background-color:var(–wri-oatmilk) !important;color:var(–wri-dark-matter) !important;border-color:var(–wri-oatmilk) !important; } .wri-mcm .wri-mcm__btn–on-dark:hover, .wri-mcm .wri-mcm__btn–on-dark:focus, .wri-mcm .wri-mcm__btn–on-dark:active, .wri-mcm .wri-mcm__btn–on-dark:focus-visible{ background-color:var(–wri-chapati) !important;color:var(–wri-dark-matter) !important;border-color:var(–wri-chapati) !important; transform:translateY(-1px) !important;box-shadow:0 8px 24px rgba(0,0,0,.28) !important; } .wri-mcm .wri-mcm__btn–on-dark > *{color:var(–wri-dark-matter) !important;} /* ghost on dark: oatmilk label and border; hover oatmilk fill (no orange) */ .wri-mcm .wri-mcm__btn–ghost-dark, .wri-mcm .wri-mcm__btn–ghost-dark:link, .wri-mcm .wri-mcm__btn–ghost-dark:visited{ background-color:transparent !important;color:var(–wri-oatmilk) !important;border-color:rgba(254,244,234,.32) !important; } .wri-mcm .wri-mcm__btn–ghost-dark:hover, .wri-mcm .wri-mcm__btn–ghost-dark:focus, .wri-mcm .wri-mcm__btn–ghost-dark:active, .wri-mcm .wri-mcm__btn–ghost-dark:focus-visible{ background-color:var(–wri-oatmilk) !important;color:var(–wri-dark-matter) !important;border-color:var(–wri-oatmilk) !important; transform:translateY(-1px) !important; } .wri-mcm .wri-mcm__btn–ghost-dark > *{color:inherit !important;} .wri-mcm .wri-mcm__btn–ghost-dark:hover > *{color:var(–wri-dark-matter) !important;} .wri-mcm .wri-mcm__btn .wri-mcm__arrow{ display:inline-block;width:8px;height:8px; border-right:1.5px solid currentColor;border-top:1.5px solid currentColor; transform:rotate(45deg);transition:transform 160ms ease; } .wri-mcm .wri-mcm__btn:hover .wri-mcm__arrow{transform:rotate(45deg) translate(2px,-2px);} /* ========================================================================= Hero ========================================================================= */ .wri-mcm__hero{ padding-top:clamp(40px,6vw,88px); padding-bottom:var(–wri-pad-y); background: radial-gradient(1200px 400px at 85% 8%,rgba(255,92,53,.06),transparent 60%), linear-gradient(180deg,var(–wri-oatmilk) 0%,#ffffff 100%); border-bottom:1px solid var(–wri-hairline); } .wri-mcm__hero-grid{ display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,72px);align-items:center; } .wri-mcm__hero-title{ font-family:var(–wri-serif);font-weight:600; font-size:clamp(38px,5.1vw,68px);line-height:1.03;letter-spacing:-0.02em;margin:0 0 24px; } .wri-mcm__hero-title em{font-style:italic;color:var(–wri-solaris-access);font-weight:500;} .wri-mcm__hero-lead{ font-size:clamp(17px,1.2vw + 0.3rem,20px);line-height:1.55;color:var(–wri-body); margin:0 0 32px;max-width:54ch; } .wri-mcm__hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px;} .wri-mcm__hero-trust{ display:flex;flex-wrap:wrap;gap:clamp(14px,3vw,30px);padding-top:28px; border-top:1px solid var(–wri-hairline);font-family:var(–wri-mono);font-size:12px; letter-spacing:.04em;color:var(–wri-body); } .wri-mcm__hero-trust > span{display:inline-flex;align-items:center;gap:8px;} .wri-mcm__hero-trust b{color:var(–wri-ink);font-weight:500;} /* signature data card: the era, itemized */ .wri-mcm__card{ background:#fff;border:1px solid var(–wri-hairline);border-radius:var(–wri-radius-lg); padding:32px;box-shadow:var(–wri-shadow-2);position:relative; } .wri-mcm__card::before{ content:””;position:absolute;top:-1px;left:32px;right:32px;height:3px; background:var(–wri-solaris);border-radius:3px 3px 0 0; } .wri-mcm__card-eyebrow{font-family:var(–wri-mono);font-size:11px;letter-spacing:.16em;color:var(–wri-body);margin:0 0 4px;} .wri-mcm__card-title{font-family:var(–wri-serif);font-size:23px;line-height:1.15;margin:0 0 22px;color:var(–wri-ink);} .wri-mcm__card-rows{margin:0;padding:0;list-style:none;} .wri-mcm__card-rows > div{ display:grid;grid-template-columns:auto 1fr;gap:6px 16px;padding:14px 0; border-bottom:1px solid var(–wri-hairline); } .wri-mcm__card-rows > div:last-child{border-bottom:none;padding-bottom:0;} .wri-mcm__card-k{font-family:var(–wri-mono);font-size:12px;letter-spacing:.06em;color:var(–wri-body);} .wri-mcm__card-v{font-size:15px;color:var(–wri-ink);font-weight:600;text-align:right;} .wri-mcm__card-foot{ margin-top:20px;padding-top:16px;border-top:1px dashed var(–wri-hairline); font-family:var(–wri-mono);font-size:11px;letter-spacing:.04em;color:var(–wri-body);line-height:1.5; } /* ========================================================================= Section shell ========================================================================= */ .wri-mcm__sec{padding:var(–wri-pad-y) 0;} .wri-mcm__sec–tint{background:var(–wri-oatmilk);} .wri-mcm__sec–line{border-top:1px solid var(–wri-hairline);} .wri-mcm__head{max-width:760px;margin:0 0 56px;} .wri-mcm__head h2{font-size:clamp(30px,3.6vw,50px);margin:0 0 16px;} .wri-mcm__head p{font-size:clamp(16px,1vw + 0.3rem,18px);max-width:60ch;} /* house-type grid */ .wri-mcm__nb{ display:grid;grid-template-columns:repeat(3,1fr);gap:0; border-top:1px solid var(–wri-hairline);border-left:1px solid var(–wri-hairline); } .wri-mcm__nb-cell{ padding:32px;border-right:1px solid var(–wri-hairline);border-bottom:1px solid var(–wri-hairline); background:#fff;transition:background-color 200ms ease; } .wri-mcm__nb-cell:hover{background:var(–wri-oatmilk);} .wri-mcm__nb-era{font-family:var(–wri-mono);font-size:11px;letter-spacing:.12em;color:var(–wri-solaris-access);margin:0 0 12px;} .wri-mcm__nb-cell h3{font-size:21px;margin:0 0 10px;} .wri-mcm__nb-cell p{font-size:15px;line-height:1.55;margin:0;} /* services grid */ .wri-mcm__svc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .wri-mcm__svc-card{ border:1px solid var(–wri-hairline);border-radius:var(–wri-radius-lg);padding:28px; background:#fff;transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease; } .wri-mcm__svc-card:hover{transform:translateY(-2px);box-shadow:var(–wri-shadow-1);border-color:rgba(25,39,51,.2);} .wri-mcm__svc-ic{ width:44px;height:44px;border-radius:var(–wri-radius-md);background:var(–wri-oatmilk); display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid var(–wri-hairline); } .wri-mcm__svc-ic .wri-mcm__ic{width:22px;height:22px;} .wri-mcm__svc-card h3{font-size:20px;margin:0 0 8px;} .wri-mcm__svc-card h3 a{color:var(–wri-ink);border-bottom:none;} .wri-mcm__svc-card h3 a:hover{color:var(–wri-solaris-access);} .wri-mcm__svc-card p{font-size:15px;line-height:1.5;margin:0;} /* style guides strip */ .wri-mcm__pages{ margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:0; border-top:1px solid var(–wri-hairline);border-left:1px solid var(–wri-hairline); border-radius:var(–wri-radius-lg);overflow:hidden;background:var(–wri-constellation); } .wri-mcm__pages a{ display:block;padding:22px 24px;border-right:1px solid var(–wri-hairline);border-bottom:1px solid var(–wri-hairline); border-radius:0;color:var(–wri-ink);border-bottom-color:var(–wri-hairline);background:var(–wri-constellation); transition:background-color 180ms ease; } .wri-mcm__pages a:hover{background:#fff;border-bottom-color:var(–wri-hairline);} .wri-mcm__pages .k{font-family:var(–wri-mono);font-size:11px;letter-spacing:.1em;color:var(–wri-solaris-access);display:block;margin-bottom:6px;} .wri-mcm__pages .t{font-family:var(–wri-serif);font-size:18px;color:var(–wri-ink);} /* ========================================================================= Process (dark full-bleed). July 2026 orange-on-dark rule: cool accents only. Double-class specificity guard beats the dark auto-detector. ========================================================================= */ .wri-mcm__proc{ position:relative;width:100vw;margin-left:calc(50% – 50vw); background:var(–wri-dark-matter);padding:var(–wri-pad-y) 0;overflow:hidden; } .wri-mcm__proc::before{ content:””;position:absolute;inset:0;pointer-events:none; background: radial-gradient(700px 300px at 15% 18%,rgba(153,175,196,.12),transparent 60%), radial-gradient(560px 320px at 88% 82%,rgba(153,175,196,.07),transparent 60%); } .wri-mcm__proc .wri-mcm__wrap{position:relative;} .wri-mcm__proc.wri-mcm__proc .wri-mcm__eyebrow{color:var(–wri-milky-way);} .wri-mcm__proc.wri-mcm__proc .wri-mcm__eyebrow::before{background:var(–wri-nebula);} .wri-mcm__proc.wri-mcm__proc h2{font-size:clamp(30px,3.8vw,52px);color:var(–wri-oatmilk);max-width:20ch;margin:0 0 18px;} .wri-mcm__proc.wri-mcm__proc .wri-mcm__proc-lead{color:rgba(254,244,234,.74);font-size:clamp(17px,1.1vw + 0.3rem,19px);max-width:60ch;margin:0 0 60px;} .wri-mcm__proc.wri-mcm__proc .wri-mcm__proc-lead a{color:var(–wri-oatmilk);border-bottom-color:rgba(254,244,234,.4);} .wri-mcm__proc.wri-mcm__proc .wri-mcm__proc-lead a:hover{border-bottom-color:var(–wri-oatmilk);} .wri-mcm__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(–wri-hairline-dark);} .wri-mcm__step{padding:36px 28px 0 0;border-right:1px solid var(–wri-hairline-dark);} .wri-mcm__step:last-child{border-right:none;padding-right:0;} .wri-mcm__step:not(:first-child){padding-left:28px;} .wri-mcm__step-n{ font-family:var(–wri-mono);font-size:12px;letter-spacing:.16em;color:var(–wri-nebula); margin:0 0 18px;display:flex;align-items:center;gap:12px; } .wri-mcm__step-n::after{content:””;flex:1;height:1px;background:var(–wri-hairline-dark);} .wri-mcm__proc.wri-mcm__proc .wri-mcm__step h3{font-size:20px;color:var(–wri-oatmilk);margin:0 0 10px;line-height:1.2;} .wri-mcm__proc.wri-mcm__proc .wri-mcm__step p{color:rgba(254,244,234,.68);font-size:14px;line-height:1.55;margin:0;} /* focus ring on dark uses oatmilk, not orange */ .wri-mcm__proc a:focus-visible,.wri-mcm__cta a:focus-visible{outline:2px solid var(–wri-oatmilk);outline-offset:3px;} /* ========================================================================= Why Wright’s (split: copy + verified proof panel) ========================================================================= */ .wri-mcm__why-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start;} .wri-mcm__why-copy h2{font-size:clamp(28px,3.2vw,44px);margin:0 0 20px;max-width:18ch;} .wri-mcm__proof{background:var(–wri-constellation);border:1px solid var(–wri-hairline);border-radius:var(–wri-radius-lg);padding:clamp(24px,3vw,40px);} .wri-mcm__proof-row{display:grid;grid-template-columns:24px 1fr;gap:16px;align-items:start;padding:20px 0;border-top:1px solid var(–wri-hairline);} .wri-mcm__proof-row:first-child{border-top:none;padding-top:0;} .wri-mcm__proof-row:last-child{padding-bottom:0;} .wri-mcm__proof-row .wri-mcm__ic{width:22px;height:22px;margin-top:1px;} .wri-mcm__proof h4{font-family:var(–wri-sans);font-size:16px;font-weight:600;margin:0 0 4px;color:var(–wri-ink);line-height:1.3;} .wri-mcm__proof p{font-size:14px;margin:0;color:var(–wri-body);line-height:1.5;} /* ========================================================================= FAQ ========================================================================= */ .wri-mcm__faq-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:clamp(32px,5vw,72px);align-items:start;} .wri-mcm__faq-side .wri-mcm__contact{ margin-top:20px;font-family:var(–wri-mono);font-size:13px;letter-spacing:.02em;color:var(–wri-body);line-height:1.9; } .wri-mcm__faq-item{border-bottom:1px solid var(–wri-hairline);} .wri-mcm__faq-item summary{ list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px; padding:22px 0;font-family:var(–wri-serif);font-size:19px;color:var(–wri-ink);font-weight:600; } .wri-mcm__faq-item summary::-webkit-details-marker{display:none;} .wri-mcm__faq-item summary .wri-mcm__ic{width:20px;height:20px;transition:transform 200ms ease;} .wri-mcm__faq-item[open] summary .wri-mcm__ic{transform:rotate(180deg);} .wri-mcm__faq-answer{padding:0 0 24px;} .wri-mcm__faq-answer p{font-size:16px;} /* ========================================================================= Where the stock lives ========================================================================= */ .wri-mcm__near{display:flex;flex-wrap:wrap;gap:12px;} .wri-mcm__near a{ display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(–wri-hairline); border-radius:999px;background:#fff;color:var(–wri-ink);border-bottom:1px solid var(–wri-hairline); font-size:15px;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease; } .wri-mcm__near a:hover{background:var(–wri-oatmilk);border-color:rgba(25,39,51,.24);transform:translateY(-1px);} .wri-mcm__near a .wri-mcm__ic{width:16px;height:16px;} /* ========================================================================= Final CTA (dark full-bleed). Orange-on-dark rule applied. ========================================================================= */ .wri-mcm__cta{ position:relative;width:100vw;margin-left:calc(50% – 50vw);background:var(–wri-dark-matter); padding:var(–wri-pad-y) 0;overflow:hidden; } .wri-mcm__cta::before{ content:””;position:absolute;inset:0;pointer-events:none; background:radial-gradient(680px 320px at 50% 0%,rgba(153,175,196,.12),transparent 62%); } .wri-mcm__cta .wri-mcm__wrap{position:relative;max-width:820px;text-align:center;} .wri-mcm__cta.wri-mcm__cta .wri-mcm__eyebrow{color:var(–wri-milky-way);justify-content:center;} .wri-mcm__cta.wri-mcm__cta .wri-mcm__eyebrow::before{background:var(–wri-nebula);} .wri-mcm__cta.wri-mcm__cta h2{font-size:clamp(30px,4vw,54px);color:var(–wri-oatmilk);margin:0 0 18px;max-width:20ch;margin-inline:auto;} .wri-mcm__cta.wri-mcm__cta h2 em{font-style:italic;color:var(–wri-milky-way);font-weight:500;} .wri-mcm__cta.wri-mcm__cta > .wri-mcm__wrap > p{color:rgba(254,244,234,.74);font-size:clamp(17px,1.1vw + 0.3rem,19px);max-width:56ch;margin:0 auto 34px;} .wri-mcm__cta-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;} .wri-mcm__cta-fine{font-family:var(–wri-mono);font-size:11px;letter-spacing:.02em;color:rgba(254,244,234,.5);line-height:1.6;margin:36px auto 0;max-width:70ch;} /* ========================================================================= Responsive ========================================================================= */ @media (max-width:960px){ .wri-mcm__hero-grid{grid-template-columns:1fr;gap:40px;} .wri-mcm__nb{grid-template-columns:repeat(2,1fr);} .wri-mcm__svc{grid-template-columns:repeat(2,1fr);} .wri-mcm__pages{grid-template-columns:1fr 1fr;} .wri-mcm__steps{grid-template-columns:1fr 1fr;} .wri-mcm__step{border-bottom:1px solid var(–wri-hairline-dark);padding:32px 28px;} .wri-mcm__step:nth-child(2n){border-right:none;} .wri-mcm__step:not(:first-child){padding-left:28px;} .wri-mcm__step:nth-child(2n+1){padding-left:0;} .wri-mcm__why-grid{grid-template-columns:1fr;} .wri-mcm__faq-grid{grid-template-columns:1fr;} } @media (max-width:640px){ .wri-mcm__nb{grid-template-columns:1fr;} .wri-mcm__svc{grid-template-columns:1fr;} .wri-mcm__pages{grid-template-columns:1fr;} .wri-mcm__steps{grid-template-columns:1fr;} .wri-mcm__step{padding:28px 0;} .wri-mcm__step:not(:first-child){padding-left:0;} .wri-mcm__card{padding:24px;} .wri-mcm__card::before{left:24px;right:24px;} .wri-mcm__hero-ctas .wri-mcm__btn,.wri-mcm__cta-ctas .wri-mcm__btn{width:100%;justify-content:center;} } @media (prefers-reduced-motion:reduce){ .wri-mcm *,.wri-mcm *::before,.wri-mcm *::after{transition:none !important;} }