@font-face{font-family:Playfair;src:url('/assets/Playfair-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Playfair;src:url('/assets/Playfair-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Jakarta;src:url('/assets/Jakarta-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Jakarta;src:url('/assets/Jakarta-Semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}@font-face{font-family:Cormorant;src:url('/assets/Cormorant-Italic.woff2') format('woff2');font-style:italic;font-display:swap}
:root{--navy:#152232;--gold:#c5a059;--ink:#334155;--paper:#fff;--line:#e2e5e8}html{scroll-behavior:smooth;scroll-padding-top:110px}body,.font-sans{font-family:Jakarta,Arial,sans-serif;background:var(--paper);color:var(--ink)}h1,h2,h3,.font-display,p.text-3xl,p.text-2xl,p.text-4xl,h2.text-3xl,h2.text-4xl{font-family:Playfair,Georgia,serif;font-weight:600!important;letter-spacing:-.025em;line-height:1.2}p{line-height:1.8}section p.text-xs,article p.text-xs,section li.text-xs,ul.text-xs>li,footer :is(a,li,p){font-size:.925rem;line-height:1.6}h1{max-width:17ch}h1 span{color:inherit!important;background:none!important;-webkit-text-fill-color:currentColor}h1 span.mw-tagline{font-family:Cormorant,Georgia,serif;font-weight:400;font-style:italic;color:#c5a059!important;font-size:1.05em;line-height:1.05;display:block;margin-top:.2em}.bg-blue-950,.bg-blue-900,.bg-slate-950{background-color:var(--navy)!important}.bg-blue-50,.bg-blue-100,.bg-slate-100{background-color:#f3f4f4!important}.text-blue-950,.text-blue-900,.text-blue-800{color:var(--navy)!important}.text-blue-600,.text-amber-600{color:#846529!important}.text-amber-300,.text-amber-400,.text-amber-500,.text-blue-200{color:var(--gold)!important}.bg-amber-400,.bg-amber-500{background-color:var(--gold)!important}.border-amber-400,.border-amber-500{border-color:var(--gold)!important}.bg-gradient-to-br,.bg-gradient-to-r,.bg-gradient-to-b{background-image:none!important;background-color:var(--navy)}.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:none!important}.rounded-3xl,.rounded-2xl,.rounded-xl,.rounded-lg,.rounded-full{border-radius:3px!important}.font-black{font-weight:600!important}.tracking-tight{letter-spacing:-.015em}.mw-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}.mw-header-inner{max-width:1280px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.mw-brand{text-decoration:none;color:var(--navy);flex-shrink:0}.mw-wordmark{font:600 27px Playfair,Georgia,serif;letter-spacing:.12em;line-height:1}.mw-descriptor{font:600 9px Jakarta,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;margin-top:8px}.mw-nav{display:flex;gap:26px;align-items:center;font-size:13px}.mw-nav a:hover,.mw-mobile a:hover{text-decoration:underline;text-underline-offset:5px}.mw-contact{background:var(--navy);color:white;padding:13px 20px;font-size:12px;font-weight:600;letter-spacing:.05em;text-decoration:none}.mw-menu{display:none;position:relative}.mw-menu summary{cursor:pointer;padding:10px 0;font-size:13px}.mw-mobile{position:absolute;right:0;top:45px;background:white;padding:20px;min-width:230px;border:1px solid var(--line);box-shadow:0 8px 24px #15223214}.mw-mobile a{display:block;padding:12px 0;font-size:13px}.mw-trades{letter-spacing:.19em;text-transform:uppercase;font-size:11px;color:var(--gold);border-top:1px solid #ffffff26;padding-top:24px;margin-top:28px;line-height:2.2}.contact-actions a{border-radius:2px;min-height:48px;display:flex;align-items:center;justify-content:flex-start;font-size:13px}.contact-actions a:hover{background:#f3f4f4;color:var(--navy)}.contact-actions a.bg-blue-950:hover{background:#263b51!important;color:#fff}.contact-actions p{font-size:13px}a:focus-visible,summary:focus-visible{outline:3px solid #c5a059;outline-offset:4px}footer p,footer li{line-height:1.8}footer .text-slate-600,footer .text-slate-500{color:#aab4c1!important}section.bg-gradient-to-br{padding-top:88px;padding-bottom:88px}section.bg-gradient-to-br>.grid{align-items:flex-start}.mw-topbar{background:var(--navy);color:#cbd5e1;font-size:11px}.mw-topbar>div{max-width:1280px;margin:auto;padding:10px 32px;display:flex;justify-content:flex-start;gap:22px}.mw-topbar a{color:#c5a059}.mw-topbar a[href^="tel:"]{margin-left:auto}.mw-proposal{border-left:2px solid var(--gold);padding-left:24px}.text-transparent{color:inherit!important}section .bg-white h2{font-size:1.75rem}.max-w-7xl{max-width:1200px!important}.mw-section-label{font:600 11px Jakarta,Arial,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase;color:#846529!important}#quote{scroll-margin-top:120px}.mw-hero-badge{background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;text-transform:uppercase;letter-spacing:.18em;font-size:11px!important}.mw-hero-badge>span{display:none}#standards .grid>div{border-width:1px 0 0;border-radius:0!important;padding-left:0;padding-right:20px}#standards .grid>div:before{content:'';display:block;width:24px;height:1px;background:var(--gold);margin-bottom:24px}.border-blue-600{border-color:var(--line)!important;border-width:1px!important}#collections ul{font-size:13px;line-height:1.9}#collections .bg-blue-100,#collections .bg-amber-100{padding:0;background:transparent!important;color:#846529!important;letter-spacing:.08em}section .bg-blue-950 .text-slate-600{color:#cbd5e1}.mw-hero-badge{color:#c5a059!important}
@media(min-width:1024px){section.bg-gradient-to-br h1{font-size:60px}section.bg-gradient-to-br>.grid{gap:64px}.mw-nav .mw-contact{margin-left:4px}}
@media(max-width:1100px){.mw-nav{gap:16px}.mw-header-inner{padding:20px 24px;gap:18px}.mw-nav a{font-size:12px}}
@media(max-width:900px){.mw-nav{display:none}.mw-menu{display:block}.mw-header-inner{padding:18px 20px}.mw-wordmark{font-size:24px}.mw-descriptor{font-size:8px}.mw-topbar>div{padding:9px 20px;font-size:10px}.mw-topbar .mw-email{display:none}section.bg-gradient-to-br{padding-top:52px;padding-bottom:52px}h1{font-size:40px!important}section{padding-left:24px!important;padding-right:24px!important}#quote{padding:26px!important}.mw-trades{font-size:10px;letter-spacing:.11em}footer{padding-left:24px!important;padding-right:24px!important}.mw-topbar>div>span{max-width:none;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.bg-amber-50{background:#f7f6f2!important}.border-amber-200{border-color:#ddd5c4!important}.text-amber-900,.text-amber-800{color:#6b552c!important}

/* Sept 11, 2026 readability override (Arial/Georgia + larger sizes) fully removed Sept 23, 2026 — owner rejected both the Arial/Georgia look and the mixed-size premium-font look. Original design system above governs. */

/* Sept 23, 2026 topbar sizing fix (owner-approved, kept): flush-right phone/email + larger topbar text. */
.mw-topbar,.mw-topbar>div{font-size:15px}
@media(max-width:900px){.mw-topbar>div{font-size:13px}}

/* Owner brand lockup: September 22, 2026. MATCHWORK(TM) over Roofing & Exteriors. */
.mw-tm{font:600 .38em Arial,Helvetica,sans-serif;letter-spacing:0;vertical-align:top;position:relative;top:-.2em;margin-left:.12em;line-height:1}
.mw-footer-brand{font-family:Playfair,Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:.12em}
.mw-footer-brand .mw-footer-descriptor{display:block;font-family:Jakarta,Arial,Helvetica,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-top:6px;color:#aab4c1}

/* Lineup carousel (Sept 23, 2026): owner wants groups click-through with arrows, not all cards visible at once. */
.mw-car-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.mw-car-head h3{margin-bottom:0!important;text-align:left}
.mw-car-nav{display:flex;gap:10px;flex-shrink:0}
.mw-car-nav button{width:44px;height:44px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:24px;line-height:1;cursor:pointer;border-radius:3px;font-family:Jakarta,Arial,sans-serif}
.mw-car-nav button:hover{border-color:var(--gold);color:#846529}
.mw-car-track{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
.mw-car-track::-webkit-scrollbar{display:none}
.mw-car-track>*{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;min-width:0}
@media(max-width:1100px){.mw-car-track>*{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:640px){.mw-car-track>*{flex-basis:86%}}
.mw-car-nav button:disabled{opacity:.35;cursor:default}
.mw-car-nav button:disabled:hover{border-color:var(--line);color:var(--navy)}
/* Oct 3, 2026: the whole shingle card opens the product page. The Explore line stays the visible link. */
.mw-shingle-card{position:relative}
.mw-shingle-card .mw-card-go::after{content:"";position:absolute;inset:0;z-index:1}
.mw-shingle-card a:not(.mw-card-go){position:relative;z-index:2}
.mw-shingle-card:hover{border-color:var(--navy)}
.mw-shingle-card:hover .mw-card-go{text-decoration:underline}
.mw-shingle-card:has(.mw-card-go:focus-visible){outline:2px solid var(--gold);outline-offset:3px}
.mw-badge-block img{flex-shrink:0}
article p{font-size:17px;max-width:70ch}
/* P2.5 mobile menu (S1): three-bar icon that becomes an X, call row, scrim. Behaviour in assets/nav.js */
.mw-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mw-menu summary::-webkit-details-marker{display:none}
.mw-menu-icon{position:relative;display:inline-block;vertical-align:middle;width:22px;height:2px;margin:8px 0;background:currentColor;color:var(--navy);transition:background-color .15s}
.mw-menu-icon::before,.mw-menu-icon::after{content:'';position:absolute;left:0;width:22px;height:2px;background:currentColor;transition:transform .15s,top .15s}
.mw-menu-icon::before{top:-7px}.mw-menu-icon::after{top:7px}
details.mw-menu[open] .mw-menu-icon{background-color:transparent}
details.mw-menu[open] .mw-menu-icon::before{top:0;transform:rotate(45deg)}
details.mw-menu[open] .mw-menu-icon::after{top:0;transform:rotate(-45deg)}
.mw-mobile a.mw-mobile-call{margin-top:10px;padding:12px 0;text-align:center;font-weight:600;letter-spacing:.05em;color:var(--navy);border:1px solid var(--gold);text-decoration:none}
details.mw-menu[open]::before{content:'';position:fixed;inset:0;background:#15223266;z-index:-1}
/* P2.7 skip link (N3) */
.mw-skip{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 16px;background:var(--navy);color:#fff;font-weight:600;font-size:14px;text-decoration:none}.mw-skip:focus{top:8px}

/* Oct 2, 2026 (owner): desktop peek removed. The window shows exactly three full cards; the right arrow reveals the rest. */

/* P4.3 (Sept 25, 2026): shingle hub comparison table. The wrapper scrolls sideways on narrow screens so the page itself never overflows. */
.mw-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;background:#fff;border:1px solid var(--line)}
.mw-spec-table{width:100%;min-width:1040px;border-collapse:collapse;font-size:13px;line-height:1.45;color:var(--ink)}
.mw-spec-table th,.mw-spec-table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.mw-spec-table thead th{background:var(--navy);color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.mw-spec-table tbody th{font-weight:600;white-space:nowrap}
.mw-spec-table td:nth-child(2),.mw-spec-table td:nth-child(3),.mw-spec-table td:nth-child(4),.mw-spec-table td:nth-child(5){white-space:nowrap}
.mw-spec-table tbody tr:nth-child(even){background:#f7f8f9}
.mw-spec-table tbody tr:last-child th,.mw-spec-table tbody tr:last-child td{border-bottom:0}

/* P4.3 (Sept 25, 2026): pre-existing 768px overflow — the footer email address is one unbreakable word wider than its 4-column cell. Let it wrap only when it must. */
footer a[href^="mailto:"]{overflow-wrap:anywhere}

/* P5.3 (Sept 25, 2026): sticky mobile call bar (N5). Phones only (<768px); hidden at md and up. z-index 50 sits under the sticky header (60), so the open menu panel and its scrim cover the bar. Body gets matching bottom padding so the footer is never hidden behind it. */
.mw-callbar{display:none}
@media(max-width:767px){
.mw-callbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom))}
.mw-callbar-link{display:flex;align-items:center;justify-content:center;min-height:48px;background:var(--navy);color:#fff;font-size:15px;font-weight:600;letter-spacing:.05em;text-decoration:none;border-radius:2px}
.mw-callbar-link:hover{background:#263b51}
.mw-callbar-link:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
body{padding-bottom:calc(65px + env(safe-area-inset-bottom))}
}

/* Oct 2, 2026 (owner): CertainTeed's transparent ShingleMaster badge, no white square, border, padding or shadow. Width comes from the w-* class; height follows the badge's own shape. */
.mw-sm-badge{display:block;height:auto;flex-shrink:0;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important}

/* Oct 2, 2026 (owner, Grok lead): shingle H1 is the product name only. "Central Ohio" lives in the title, the snippet, and the hero paragraph, not under the name. This rule remains for the storm-page subline. */
h1 span.mw-h1-sub{display:block;font-family:Cormorant,Georgia,serif;font-style:italic;font-weight:400;font-size:.62em;line-height:1.15;letter-spacing:0;margin-top:.25em;color:#c5a059!important;-webkit-text-fill-color:#c5a059}

/* Oct 2, 2026 (owner): one Presidential Shake card in the lineup; the TL and IR versions are small links inside it. */
.mw-car-sublinks{font-size:12px;line-height:1.7;margin-top:6px}
.mw-car-sublinks a{color:#64748b;font-weight:600;text-decoration:none}
.mw-car-sublinks a:hover{text-decoration:underline}

/* Approved Oct 2 review: product titles only; home keeps its 17ch measure. */
section.bg-gradient-to-br h1.mw-product-title{max-width:none;font-size:clamp(2rem,3.2vw,3rem)!important}
.mw-product-title + .mw-tagline{display:block;font-family:Cormorant,Georgia,serif;font-style:italic;font-size:2rem;font-weight:400;color:var(--gold);line-height:1.1;margin-top:.25em}
.mw-estimate-band{background:#f3f4f4;border-bottom:1px solid var(--line)}
.mw-estimate-band>div{max-width:1200px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px}
.mw-estimate-band p{margin:0;font-size:13px;line-height:1.6}
.mw-estimate-band a{color:var(--navy);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
footer .mw-footer-storm{max-width:1200px;margin:16px auto 0;text-align:left;font-size:12px;line-height:1.7}
.mw-storm-banner{display:none;background:var(--navy);color:white;padding:12px 24px;text-align:center}
body[data-storm="on"] .mw-storm-banner{display:block}
.mw-storm-banner a{color:var(--gold);text-decoration:underline}
@media(max-width:767px){.mw-estimate-band>div{align-items:flex-start;flex-direction:column}}

/* Oct 2, 2026 (owner): city landmark is the cover behind the page title, visible on arrival. */
.mw-city-cover{position:relative;overflow:hidden;color:#fff;background:#152232;padding:0!important}
.mw-city-cover .mw-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mw-city-cover .mw-cover-dublin{object-position:62% 58%}
.mw-city-cover .mw-cover-columbus{object-position:center 42%}
.mw-city-cover .mw-cover-albany{object-position:center 38%}
.mw-city-cover .mw-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,34,50,.78) 0%,rgba(21,34,50,.62) 40%,rgba(21,34,50,.3) 72%,rgba(21,34,50,.22) 100%),linear-gradient(180deg,rgba(21,34,50,.12) 0%,rgba(21,34,50,.3) 50%,rgba(21,34,50,.8) 100%)}
.mw-city-cover .mw-cover-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;min-height:720px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;padding:220px 32px 60px}
.mw-city-cover .mw-cover-inner>.bg-white{margin-bottom:-32px}
.mw-city-cover h1{max-width:none;color:#fff;font-size:60px;text-shadow:0 2px 18px rgba(21,34,50,.85)}
.mw-city-cover .mw-cover-copy p{color:#f7f4ee;text-shadow:0 1px 12px rgba(21,34,50,.85)}
.mw-city-cover .mw-cover-credit{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 32px 18px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.88);text-shadow:0 1px 4px rgba(21,34,50,.7)}
.mw-city-cover .mw-cover-credit a{color:#fff}
@media(max-width:900px){
.mw-city-cover .mw-cover-shade{background:linear-gradient(180deg,rgba(21,34,50,.45) 0%,rgba(21,34,50,.55) 180px,rgba(21,34,50,.88) 100%)}
.mw-city-cover .mw-cover-inner{display:block;grid-template-columns:none;min-height:0;width:100%;max-width:100%;box-sizing:border-box;padding:130px 22px 18px}
.mw-city-cover .mw-cover-copy,.mw-city-cover .mw-cover-copy h1,.mw-city-cover .mw-cover-copy p,.mw-city-cover .mw-cover-copy div{min-width:0;max-width:100%;box-sizing:border-box}
.mw-city-cover h1{display:block;font-size:32px!important;line-height:1.08;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word}
.mw-city-cover .mw-cover-copy p{overflow-wrap:break-word}
.mw-city-cover .mw-cover-copy .flex{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.mw-city-cover .mw-cover-inner>.bg-white{margin-top:22px;width:100%;box-sizing:border-box}
.mw-city-cover .mw-cover-credit{padding:8px 22px 16px;box-sizing:border-box}
}
/* guides index text panels */
.justify-end{justify-content:flex-end}.text-left{text-align:left}
/* Oct 3 review: eyebrow on photo covers, balanced headings, shingle card rows, phone-width hero buttons */
.mw-city-cover .mw-hero-badge{font-size:11px!important;text-shadow:0 1px 8px rgba(21,34,50,.95)}
h1,h2{text-wrap:balance}
.mw-shingle-card{justify-content:flex-start}.mw-shingle-card>img{margin-bottom:1rem}.mw-shingle-card>div:last-child{margin-top:auto}
@media(max-width:640px){.mw-city-cover .mw-cover-copy .flex a{width:100%;box-sizing:border-box}}
@media(max-width:640px){section .flex.flex-wrap.gap-4>a.bg-amber-500,section .flex.flex-wrap.gap-4>a.bg-white\/10,section .flex.flex-wrap.gap-4>a.bg-blue-950{width:100%;box-sizing:border-box}}
/* Oct 3, 2026 review: footer column labels are paragraphs so the outline does not skip from h2 to h4. Phone tap targets: top-bar phone and wordmark clear 44px. Navy inspection links clear 44px. Shingle Explore links already cover the whole card. */
footer p.mw-footer-label{font-size:12px;line-height:1.4;font-weight:600}
a.block.text-left.bg-blue-950{min-height:44px;display:flex;align-items:center}
@media(max-width:767px){
.mw-topbar a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px}
.mw-brand{display:flex;flex-direction:column;justify-content:center;min-height:44px}
}

/* Invoice payments: utility-bar action leaves the inspection CTA in place. */
.mw-topbar>div{align-items:center}
.mw-topbar a.mw-pay-top{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 12px;background:var(--gold);color:var(--navy);font-size:12px;font-weight:700;white-space:nowrap;border-radius:3px}
.mw-topbar a.mw-pay-top:hover{background:#dfc18a}
.mw-mobile .mw-pay-mobile{color:var(--navy);font-weight:700;border-top:1px solid var(--line);margin-top:12px}
.mw-pay-main{max-width:1140px;min-height:65vh;margin:0 auto;padding:84px 32px 96px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.mw-pay-intro h1{font-size:52px;color:var(--navy);margin:18px 0 24px;max-width:none}
.mw-pay-intro>p{max-width:48ch}
.mw-pay-steps{list-style:decimal;padding-left:22px;margin:28px 0;line-height:2.3}
.mw-pay-help{margin-top:34px;font-size:14px}
.mw-pay-help a,.mw-pay-notice a{text-decoration:underline;text-underline-offset:3px}
.mw-pay-card{padding:38px;background:#f4f5f5;border-top:3px solid var(--gold);border-radius:3px}
.mw-pay-icon{width:44px;height:44px;color:#846529;margin-bottom:22px}
.mw-pay-card h2{font-size:29px;color:var(--navy);margin:0 0 18px}
.mw-pay-button{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--navy);color:white;padding:18px 20px;margin-top:28px;font-size:14px;font-weight:600;border-radius:3px;text-decoration:none}
.mw-pay-button:hover{background:#263b51}
.mw-pay-notice{margin-top:26px;border:1px solid #d4d9de;padding:16px;font-size:14px;background:white}
.mw-pay-fine{margin-top:24px;font-size:12px;color:#5b6573}
.mw-pay-card [hidden]{display:none!important}
@media(max-width:900px){.mw-topbar>div{gap:12px}.mw-topbar>div>span{display:none}.mw-topbar a[href^="tel:"]{margin-left:0}.mw-topbar a.mw-pay-top{margin-left:auto}.mw-pay-main{padding:48px 24px 64px;grid-template-columns:1fr;gap:34px;min-height:0}.mw-pay-main section{padding:0!important}.mw-pay-main .mw-pay-card{padding:28px!important}.mw-pay-intro h1{font-size:40px}.mw-pay-help{margin-top:24px}}

/* Oct 5, 2026: approved BelleRive homepage skin. Scoped to body.mw-home so Roofing, Shingles, Storm, Guides, Service Areas, and city pages keep the current skin. */
body.mw-home{
  --bg:#07121a;--bg-2:#0a1822;--raise:#102433;--ink:#f4f0e6;--muted:#b7c3ce;--faint:#8ea0ae;
  --brass:#d2b980;--brass-deep:#a28542;--line:rgba(226,220,206,.16);--shadow:0 30px 80px rgba(0,0,0,.35);
  --serif:Playfair,Georgia,serif;--italic:Cormorant,Georgia,serif;--sans:Jakarta,"Segoe UI",sans-serif;
  --max:1180px;--pad:clamp(20px,4vw,48px);
  margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;
  text-rendering:optimizeLegibility;
}
body.mw-home img{max-width:100%;display:block}
body.mw-home a{color:inherit;text-decoration:none}
body.mw-home button,body.mw-home input,body.mw-home textarea{font:inherit;color:inherit}
body.mw-home h1,body.mw-home h2,body.mw-home h3,body.mw-home h4{font-family:var(--serif);font-weight:600!important;letter-spacing:-.02em;line-height:1.08;margin:0}
body.mw-home p{line-height:1.6}
body.mw-home h1{font-size:clamp(44px,5.4vw,76px)!important;max-width:12ch;margin:18px 0 14px}
body.mw-home h1 em{font-family:var(--italic);font-style:italic;font-weight:500!important;color:#f7f1e4}
body.mw-home h2{font-size:clamp(36px,5vw,64px);max-width:16ch}
body.mw-home h2.kicker{max-width:none;font-size:12px;font-weight:600!important}
body.mw-home .mw-skip{background:var(--ink);color:var(--bg)}
body.mw-home .topbar{display:flex;justify-content:flex-end;gap:22px;align-items:center;padding:10px var(--pad) 0;color:var(--faint);font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:transparent}
body.mw-home .topbar a:hover{color:var(--ink)}
body.mw-home .topbar a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px}
body.mw-home .sticky-stack{position:sticky;top:0;z-index:40;background:var(--bg)}
body.mw-home .site-header{position:static;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px var(--pad) 14px;background:var(--bg);border-bottom:1px solid var(--line)}
body.mw-home .brand{display:flex;align-items:flex-start;gap:2px;flex:0 0 auto;min-height:44px}
body.mw-home .brand img{width:min(210px,46vw);height:auto}
body.mw-home .tm{font-family:var(--sans);font-size:11px;letter-spacing:0;color:var(--ink);margin-top:6px}
body.mw-home .pill{display:flex;align-items:center;gap:4px;padding:6px;background:rgba(244,240,230,.96);color:#14202a;border-radius:999px;box-shadow:var(--shadow)}
body.mw-home .pill a{padding:10px 14px;font-size:13.5px;font-weight:600;letter-spacing:-.01em;border-radius:999px}
body.mw-home .pill a:hover{background:rgba(20,47,69,.06)}
body.mw-home .pill .cta{background:#1d4d72;color:#fff;padding-inline:16px;min-height:44px;display:inline-flex;align-items:center}
body.mw-home .pill .cta:hover{background:#163a56}
body.mw-home .mw-menu{display:none}
body.mw-home .estimate{margin:8px var(--pad) 0;border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--muted);background:rgba(16,36,51,.45)}
body.mw-home .estimate p{margin:0;max-width:70ch}
body.mw-home .estimate a{color:var(--ink);border-bottom:1px solid var(--brass);white-space:nowrap;font-weight:600}
body.mw-home .hero{position:relative;min-height:calc(100svh - 120px);display:grid;align-items:start;padding:36px var(--pad) 72px;overflow:hidden}
body.mw-home .hero-media{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,18,26,.94) 0%,rgba(7,18,26,.55) 42%,rgba(7,18,26,.28) 100%),url("/assets/img/places/columbus-scioto.jpg") center 40%/cover no-repeat;transform:scale(1.04);animation:mw-home-drift 28s ease-in-out alternate infinite}
@keyframes mw-home-drift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.1) translate3d(0,-1.5%,0)}}
body.mw-home .hero-grid{position:relative;z-index:1;width:min(var(--max),100%);margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start}
body.mw-home .eyebrow{display:inline-flex;gap:10px;align-items:center;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(7,18,26,.35);color:var(--ink);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
body.mw-home .dot{width:7px;height:7px;border-radius:50%;background:var(--brass)}
body.mw-home .lede{font-size:18px;max-width:42ch;color:var(--muted);margin:0 0 22px}
body.mw-home .hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body.mw-home .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--ink);color:#14202a;font-weight:600;cursor:pointer}
body.mw-home .btn:hover{background:#fff}
body.mw-home .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
body.mw-home .btn.block{width:100%;border-radius:12px;display:inline-flex}
body.mw-home .credential{display:flex;gap:14px;align-items:center;margin-top:22px}
body.mw-home .credential img{width:72px;height:auto}
body.mw-home .credential p{margin:0;color:var(--brass);font-size:13px;font-weight:600;letter-spacing:.04em}
body.mw-home .trades{margin-top:28px;color:var(--faint);letter-spacing:.18em;text-transform:uppercase;font-size:12px}
body.mw-home .panel{background:rgba(8,16,24,.72);border:1px solid var(--line);border-radius:22px;padding:26px 24px 22px;backdrop-filter:blur(18px);box-shadow:var(--shadow)}
body.mw-home .panel h2{font-size:34px;max-width:none}
body.mw-home .quiet{color:var(--muted)}
body.mw-home .contact-actions{display:grid;gap:8px;margin:16px 0}
body.mw-home .contact-actions a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-weight:600;min-height:48px;font-size:16px;background:transparent;color:var(--ink)}
body.mw-home .contact-actions a:hover{border-color:var(--brass);background:transparent;color:var(--ink)}
body.mw-home form{display:grid;gap:10px;margin-top:8px}
body.mw-home label{display:grid;gap:6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
body.mw-home input,body.mw-home textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:12px;text-transform:none;letter-spacing:0;font-size:16px;color:var(--ink)}
body.mw-home input:focus,body.mw-home textarea:focus{outline:2px solid var(--brass);border-color:transparent}
body.mw-home .form-note{min-height:1.2em;margin:0;color:var(--brass);font-size:13px}
body.mw-home .form-note.is-error{color:#ffb4b4}
body.mw-home .form-note.is-wait{color:var(--muted)}
body.mw-home .chapter{padding:96px 0}
body.mw-home .wrap{width:min(var(--max),calc(100% - var(--pad) * 2));margin:0 auto}
body.mw-home .kicker{display:flex;align-items:baseline;gap:14px;color:var(--brass);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:600;margin-bottom:14px}
body.mw-home .kicker span{color:var(--faint);letter-spacing:.22em}
body.mw-home .intro{max-width:58ch;margin-top:16px}
body.mw-home .cards,body.mw-home .thirds,body.mw-home .steps{display:grid;gap:18px;margin-top:42px}
body.mw-home .cards{grid-template-columns:repeat(4,1fr)}
body.mw-home .thirds{grid-template-columns:repeat(3,1fr)}
body.mw-home .steps{grid-template-columns:repeat(3,1fr)}
body.mw-home .card,body.mw-home .step{border-top:1px solid var(--line);padding:22px 8px 8px 0}
body.mw-home .card h3,body.mw-home .step h3,body.mw-home .service h3{font-size:28px;margin-bottom:10px}
body.mw-home .card p,body.mw-home .service p,body.mw-home .step p{color:var(--muted);margin:0}
body.mw-home .service{background:var(--raise);border-radius:18px;padding:28px 24px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent}
body.mw-home .service a{color:var(--brass);font-weight:600;font-size:14px}
body.mw-home .num{font-family:var(--serif);font-size:42px;color:var(--brass);display:block;margin-bottom:12px}
body.mw-home .band{background:#0c1e2c}
body.mw-home #collections{background:#f6f4ef;color:#14202a}
body.mw-home #collections h2,body.mw-home #collections h3,body.mw-home #collections h4{color:#14202a}
body.mw-home #collections .quiet,body.mw-home #collections .shingle p,body.mw-home #collections .fine{color:#3e4d5a}
body.mw-home #collections .kicker,body.mw-home #collections .shingle a{color:#8a6230}
body.mw-home #collections .shingle{background:#fff;border-color:rgba(20,32,42,.12)}
body.mw-home #collections .shingle.mark{border-color:#c5a059}
body.mw-home #collections .rail-nav button{color:#14202a;border-color:rgba(20,32,42,.22)}
body.mw-home .rail-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:36px}
body.mw-home .rail-head h3{font-size:22px;margin:0}
body.mw-home .rail-nav{display:flex;gap:8px}
body.mw-home .rail-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
body.mw-home .rail-nav button:hover{border-color:var(--brass)}
body.mw-home .rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,32%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 0 8px;scrollbar-width:none}
body.mw-home .rail::-webkit-scrollbar{display:none}
body.mw-home .shingle{position:relative;scroll-snap-align:start;background:#0d1c28;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:100%;display:flex;flex-direction:column}
body.mw-home .shingle.mark{border-color:var(--brass)}
body.mw-home .shingle img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}
body.mw-home .shingle .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
body.mw-home .shingle h4{font-size:26px}
body.mw-home .shingle p{color:var(--muted);margin:0}
body.mw-home .shingle a{color:var(--brass);font-weight:600;font-size:14px}
body.mw-home .shingle .go::after{content:"";position:absolute;inset:0}
body.mw-home .shingle .keep{position:relative;z-index:2}
body.mw-home .mw-shingle-card:hover{border-color:#c5a059}
body.mw-home .fine{color:var(--faint);font-size:12px;margin-top:18px}
body.mw-home .quote-block{margin-top:28px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.mw-home .quote-block h3{font-size:clamp(28px,4vw,44px);max-width:22ch;margin-bottom:16px}
body.mw-home .quote-block blockquote{margin:0;font-family:var(--italic);font-size:clamp(22px,3vw,30px);line-height:1.35;color:var(--ink)}
body.mw-home .rule-link{display:inline-block;margin-top:14px;color:var(--brass);font-weight:600}
body.mw-home .places{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px}
body.mw-home .places a{color:var(--muted);border-bottom:1px solid transparent}
body.mw-home .places a:hover{color:var(--ink);border-color:var(--brass)}
body.mw-home .display-title{font-family:var(--serif);font-size:clamp(36px,5vw,64px);letter-spacing:-.02em;line-height:1.08;margin:0;font-weight:600}
body.mw-home .mail{margin-top:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:end;padding-top:28px;border-top:1px solid var(--line)}
body.mw-home .mail form{grid-template-columns:1fr auto;align-items:end}
body.mw-home .mail .btn{min-width:140px}
body.mw-home .footer{padding:64px 0 110px;border-top:1px solid var(--line);background:transparent}
body.mw-home .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
body.mw-home .footer img.logo{width:180px;margin-bottom:12px}
body.mw-home footer p.mw-footer-label{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:600;margin:0 0 12px;line-height:1.4}
body.mw-home .footer a,body.mw-home .footer li{color:var(--muted)}
body.mw-home .footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
body.mw-home .footer a:hover{color:var(--ink)}
body.mw-home .legal{margin-top:36px;color:var(--faint);font-size:13px}
body.mw-home .legal p{margin:0 0 8px}
body.mw-home .mw-callbar{display:none}
html.js body.mw-home .reveal{opacity:0;transform:translateY(28px)}
html.js body.mw-home .reveal.in{opacity:1;transform:none;transition:opacity .8s ease,transform .8s ease}
html.js body.mw-home .reveal.d1{transition-delay:0s}
html.js body.mw-home .reveal.d2{transition-delay:.08s}
html.js body.mw-home .reveal.d3{transition-delay:.16s}
html.js body.mw-home .reveal.d4{transition-delay:.24s}
@media(max-width:980px){
  body.mw-home .topbar{display:none}
  body.mw-home .hero-grid,body.mw-home .cards,body.mw-home .thirds,body.mw-home .steps,body.mw-home .mail,body.mw-home .footer-grid{grid-template-columns:1fr}
  body.mw-home .pill{display:none}
  body.mw-home .mw-menu{display:block}
  body.mw-home .mw-menu summary{list-style:none;width:46px;height:46px;min-width:46px;min-height:46px;padding:0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
  body.mw-home .mw-menu summary::-webkit-details-marker{display:none}
  body.mw-home .mw-menu-icon{color:var(--ink);background:currentColor}
  body.mw-home .mw-mobile{position:absolute;right:var(--pad);top:72px;display:grid;gap:4px;padding:12px;background:#f4f0e6;color:#14202a;border-radius:18px;min-width:220px;border:0;box-shadow:var(--shadow)}
  body.mw-home .mw-mobile a{display:block;padding:10px 12px;font-weight:600;font-size:16px;color:#14202a}
  body.mw-home h1{max-width:12ch}
  body.mw-home .estimate{flex-direction:column;align-items:flex-start}
  body.mw-home .mw-callbar{display:block;position:fixed;left:0;right:0;bottom:0;background:#f4f0e6;color:#14202a;text-align:center;padding:0;z-index:50;border:0}
  body.mw-home .mw-callbar-link{display:flex;align-items:center;justify-content:center;min-height:48px;background:transparent;color:#14202a;font-weight:600;border-radius:0}
  body.mw-home{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
}
@media(max-width:900px){
  body.mw-home section,body.mw-home footer{padding-left:0!important;padding-right:0!important}
  body.mw-home .hero{padding:28px var(--pad) 88px!important}
  body.mw-home #quote{padding:26px 24px 22px!important}
}
@media(prefers-reduced-motion:reduce){
  body.mw-home .hero-media{animation:none}
  html.js body.mw-home .reveal{opacity:1!important;transform:none!important;transition:none!important}
}