/* M247 residential rhythm 2026-10-03 — CSS decoration only. Existing DOM, words, images, links and behavior stay intact. */ :root,body,body.m304-navigation-ux,.mh-site-page,body.mh-site-design-dynamic-single { --mh-nav-green:#4CAF50;--mh-nav-green-dark:#493A30;--mh-nav-green-soft:#FFF9EF;--mh-nav-green-pale:#FFFCF7;--mh-nav-green-active:#FFF2DD;--mh-nav-text:#493A30;--mh-nav-border:#E6DED2; --mh-brand:#dd1111;--mh-orange:#F28C28;--mh-green:#4CAF50;--mh-green-dark:#493A30; --mh-brown:#493A30;--mh-heading:#493A30;--mh-text:#51473F;--mh-border:#E6DED2; --mh-soft:#FFFAF2;--mh-cream:#FFFCF7;--mh-paper:#FFF9EF; --mh-pink:#dd1111;--mh-yellow:#F28C28;--mh-blue:#4CAF50;--mh-accent:#F28C28;--mh-step-number:#dd1111; --mh-radius:12px;--mh-shadow:0 5px 18px rgb(73 58 48 / .065); --mh-wallpaper:url('../images/beige-wallpaper.svg'); --mh-news-green:#dd1111;--mh-news-green-dark:#493A30;--mh-news-text:#493A30;--mh-news-muted:#64594F;--mh-news-border:#E6DED2;--mh-news-pale:#FFFAF2; --mh-pastel-yellow:#FFFCF7; --mh-pastel-blue:#FFFCF7; --mh-pastel-pink:#FFFCF7; --mh-pastel-mint:#FFFCF7; --mh-pastel-cream:#FFFCF7; --mh-pastel-lavender:#FFFCF7; --mh-card-accent-01:#E6DED2;--mh-card-tint-01:#FFFCF7; --mh-card-accent-02:#E6DED2;--mh-card-tint-02:#FFFCF7; --mh-card-accent-03:#E6DED2;--mh-card-tint-03:#FFFCF7; --mh-card-accent-04:#E6DED2;--mh-card-tint-04:#FFFCF7; --mh-card-accent-05:#E6DED2;--mh-card-tint-05:#FFFCF7; --mh-card-accent-06:#E6DED2;--mh-card-tint-06:#FFFCF7; --mh-card-accent-07:#E6DED2;--mh-card-tint-07:#FFFCF7; --mh-card-accent-08:#E6DED2;--mh-card-tint-08:#FFFCF7; --mh-card-accent-09:#E6DED2;--mh-card-tint-09:#FFFCF7; --mh-card-accent-10:#E6DED2;--mh-card-tint-10:#FFFCF7; } body {color:var(--mh-text);background:#fff;} body :is(h1,h2,h3,h4,h5,h6) {color:var(--mh-heading);} body a {color:var(--mh-brown);text-underline-offset:.22em;} body a:hover {color:var(--mh-brown);} body :is(a,button,input,select,textarea):focus-visible {outline:3px solid var(--mh-brown)!important;outline-offset:4px;box-shadow:0 0 0 6px #fff;} body :is(input,select,textarea) {accent-color:var(--mh-brand);} /* Light navigation and footer keep the photographs and calls to action in focus. */ body .site-header {background:#fff!important;border-top:4px solid var(--mh-brand);border-bottom:1px solid var(--mh-border);box-shadow:0 3px 12px rgb(73 58 48 / .04);} body .main-navigation,body .main-navigation ul ul {background:#fff!important;} body .main-navigation .main-nav ul li a {color:var(--mh-brown);} body.m304-navigation-ux .main-navigation .main-nav ul li:is(:hover,:focus-within,.current-menu-item,.current-menu-ancestor)>a {color:var(--mh-brown)!important;background:var(--mh-cream)!important;border-bottom-color:var(--mh-orange)!important;} body .menu-toggle,body #mobile-menu-control-wrapper .menu-toggle {background:var(--mh-paper)!important;color:var(--mh-brown)!important;border:1px solid var(--mh-orange)!important;border-radius:9px!important;box-shadow:0 3px 8px rgb(73 58 48 / .08)!important;} body .mh-breadcrumb {background:var(--mh-cream);color:var(--mh-text);border-bottom:1px solid var(--mh-border);} body .mh-breadcrumb a {color:var(--mh-brown);text-decoration:underline;} body .footer-widgets {background:var(--mh-cream)!important;color:var(--mh-text)!important;border-top:2px solid var(--mh-orange);} body .footer-widgets :is(h2,h3,h4,p,li,a,.widget-title) {color:var(--mh-brown)!important;} body .footer-widgets a:hover {text-decoration:underline;} body .site-info {background:#fff!important;color:var(--mh-text)!important;border-top:1px solid var(--mh-border);} body .site-info a {color:var(--mh-brown)!important;} body .generate-back-to-top {background:var(--mh-brand)!important;color:#fff!important;border-radius:9px;} /* TOP first view: unchanged photos, a bright caption panel, one consistent red CTA. */ body.mh-site-design-v1 .m086-hero {background:var(--mh-cream)!important;} body.mh-site-design-v1 .m086-hero__inner {pointer-events:none;} body.mh-site-design-v1 .m086-hero__content {pointer-events:auto;background:rgb(255 253 249 / .97)!important;border:1px solid #fff!important;border-radius:14px!important;box-shadow:0 12px 32px rgb(73 58 48 / .15)!important;backdrop-filter:none;-webkit-backdrop-filter:none;} body.mh-site-design-v1 .m086-hero__content::before {inset:0 auto auto 32px;width:62px;height:5px;border-radius:0 0 3px 3px;background:var(--mh-brand);} body.mh-site-design-v1 .m086-hero__title {color:var(--mh-brown)!important;font-weight:800!important;line-height:1.35!important;text-shadow:none!important;text-wrap:balance!important;word-break:auto-phrase!important;} body.mh-site-design-v1 .m086-hero__description {color:var(--mh-text)!important;text-shadow:none!important;} body.mh-site-design-v1 .m086-hero__status-item {background:#fff!important;border-color:var(--mh-brown)!important;} body.mh-site-design-v1 .m086-hero__status-item[aria-current="true"] {background:var(--mh-brand)!important;} body .mh-service-area {background:#fff;border-block:1px solid var(--mh-border);} body .mh-service-area :is(.mh-service-area__lead,.mh-service-area__text) {color:var(--mh-brown);} body .mh-service-area__lead {border-left:4px solid var(--mh-green);padding-left:14px;} /* Background ownership: one shared sequence for every standard subpage. Count only major sections, independent of hero, Gutenberg wrappers and legacy --soft flags. FAQ / table / form reading surfaces stay solid; beige alone is never a wallpaper surface. */ body .mh-site-page,body .mh-subpage,body.mh-site-design-v1 article.page>.inside-article {background:transparent!important;} body .mh-site-page .mh-section {background:#fff!important;border-bottom:1px solid rgb(73 58 48 / .045);--mh-wallpaper-section:0;} body :is(.mh-final-cta,.mh-consult-cta,.mh-work-cta), body.mhfm-standalone :is(.mhfm-hero,.mhfm-section) {background:#fff!important;--mh-wallpaper-section:0;} /* The same real client texture is painted by this single registry. */ body .mh-site-page:not(.mh-subpage) :is(.mh-section--soft,.mh-section--news,.mh-section--trust,.mh-section--troubles,.mh-section--costs):not(.mh-section--faq), body .mh-site-page.mh-subpage:not(.mh-privacy-page) .mh-section:nth-child(odd of .mh-section):not(:has(.mh-contact-form-shell,.mh-legal-document)), body .mh-site-page.mh-subpage .mh-section:nth-child(even of .mh-section)+.mh-final-cta, body .mh-site-page .mh-dynamic-listing-section, body .mh-site-page:has(.mh-contact-form-section) .mh-page-hero, body.privacy-policy .mh-site-page>.mh-page-hero, body .mh-sitemap__grid, body .mh-news-single-header, body .mhcv-single-header, body :is(.mh-news-single,.mhcv-single,.mh-work-detail)>.mh-consult-cta, body.mh-site-design-dynamic-work :is(.entry-header,.mh-work-cta), body.page-id-396 .entry-header, body.archive .site-main>.page-header, body.error404 .inside-article>.entry-header, body .mh-server-guide>.hero, body.mhfm-standalone .mhfm-section:nth-child(odd of .mhfm-section) { background-color:var(--mh-paper,#f1e3cd)!important; background-image:linear-gradient(#FFFCF725,#FFFCF725),var(--mh-wallpaper)!important; background-size:auto,637px 876px!important; --mh-wallpaper-section:1; } /* Card geometry, STEP badges and connectors remain owned by their existing rules. */ body .mh-site-page.mh-subpage .mh-section .mh-flow-card {background:#fff!important;} body .mh-site-page .mhcv-latest-shell {background:transparent!important;} body :is(.mh-page-hero,.mh-dynamic-page__hero) {background:#fff!important;border-bottom:1px solid var(--mh-border);} /* Heading alignment: section/page breaks centered; long reading and card contents left. */ body :is(.mh-guide,.mh-guide--center.mh-guide--character,.mh-page-hero__inner--character) {text-align:center;} body :is(.mh-guide__copy,.mh-guide--center.mh-guide--character .mh-guide__copy) {text-align:center;} body :is(.mh-guide__title,.mh-page-hero__title) {position:relative;width:fit-content;max-width:calc(100% - 72px);margin-inline:auto!important;font-weight:800;color:var(--mh-brown);text-align:center;text-wrap:balance;} body :is(.mh-guide__title,.mh-page-hero__title)::after {display:block;content:"";height:56px;width:min(100%,620px);margin:18px auto 0!important;border-radius:0;background:var(--mh-heading-mark,var(--mh-sketch)) center/100% 100% no-repeat;box-shadow:none;pointer-events:none;} /* Thin bands: width carries hierarchy; Japanese headings remain primary. */ body :is(.mh-guide__eyebrow,.mh-page-hero__eyebrow) {--mh-band-level:2;display:block;box-sizing:border-box;width:min(560px,76%);max-width:100%;min-width:0;min-height:0;margin:0 auto 22px;padding:3px 20px;background:var(--mh-brand);color:#fff;font-size:13px;font-weight:800;line-height:18px;letter-spacing:.1em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);border:0;border-right:4px solid var(--mh-orange);box-shadow:none;} body .mh-page-hero__eyebrow,body :is(.mh-section--services,.mh-section--flow,.mh-section--about) .mh-guide__eyebrow {--mh-band-level:1;width:min(860px,100%);padding:4px 24px;font-size:15px;line-height:20px;margin-bottom:28px;border-right-width:5px;} body :where(.mh-company-page,.mh-privacy-page,#mhec-choice,.mh-section[aria-labelledby="exterior-priorities"],.mh-section[aria-labelledby="exterior-life"]) .mh-guide__eyebrow {--mh-band-level:3;width:min(230px,60%);padding:2px 16px;font-size:11px;line-height:14px;letter-spacing:.08em;margin-bottom:18px;border-right-width:3px;} body :is(.mh-guide__description,.mh-page-hero__description) {color:var(--mh-text);text-align:left;margin-inline:auto!important;} body :is(.mh-section--faq,.mh-section:has(.mh-contact-form-shell,.mh-legal-document)) .mh-guide__title::after {width:min(100%,300px);height:38px;} body :is(.mhcv-single-title,.mh-news-single-title,h1.entry-title,.page-title,.mhfm-hero h1,.mh-server-guide .hero h1) {text-align:center;text-wrap:balance;} body .mh-work-photo-section>h2,body .mhcv-heading>h2 {text-align:center;} body :is(.mh-work-section:not(.mh-work-photo-section),.mhcv-single-section,.mh-news-single-content,.mh-legal-document,.mh-server-guide) h2 {text-align:left;} body .mhfm-section>.mhfm-inner>h2 {text-align:center;} body :is(.mh-card,.mh-flow-card,.mh-process-card,.mh-work-card,.mh-news-card,.mhcv-card) :is(h2,h3,h4,p) {text-align:left;} body :is(.mh-notice,.mh-consult-cta__copy,.mh-final-cta__copy) :is(h2,h3,p) {text-align:left;} /* TOP is a photo-caption composition: intentionally left aligned. */ body .m086-hero__title {text-align:left;} /* A single card family. Illustration shape differentiates items, never cyclic color coding. */ body .mh-site-page :is(.mh-card,.mh-flow-card,.mh-faq-card,.mh-faq-link-card,.mh-work-card,.mh-news-card,.mhcv-card,.mh-notice,.mh-about-copy,.mh-form-shell,.mh-legal-document,.mh-company-message__copy,.mh-process-card,.mh-concern-note), body :is(.mhcv-card,.mh-work-card,.mh-news-card,.mh-adjacent-nav__link,.mh-adjacent-nav__index) {background:var(--mh-cream)!important;border:1px solid var(--mh-border)!important;border-radius:var(--mh-radius)!important;box-shadow:var(--mh-shadow)!important;} body .mh-site-page .mh-card-grid>.mh-card[class] {background:var(--mh-cream)!important;border:1px solid var(--mh-border)!important;box-shadow:var(--mh-shadow)!important;} body .mh-site-page :is(.mh-card,.mh-flow-card,.mh-faq-card) h3 {color:var(--mh-brown)!important;font-weight:750;} body .mh-site-page :is(.mh-notice,.mh-concern-note,.mh-company-message__copy) {border-left:3px solid var(--mh-orange)!important;} body :is(.mhcv-quote,.mhcv-single-section--quote,.mhec-note,.mh-concern-note--attention,.myh-privacy,.myh-photo-fieldset) {background:var(--mh-cream)!important;color:var(--mh-text);border-color:var(--mh-border)!important;} body :is(.mhcv-project,.mh-work-card-type) {background:var(--mh-cream)!important;color:var(--mh-brown)!important;border-left:3px solid var(--mh-green);border-radius:3px!important;} body :is(.mh-news-card-date,.mh-news-single-date,.mhcv-profile,.mhcv-single-profile,.mhcv-name) {color:#64594F;} body :is(.mh-photo-card,.mh-flow-photo,.mh-company-photo) {border:1px solid var(--mh-border);border-radius:12px;box-shadow:0 5px 18px rgb(73 58 48 / .065);} body .mh-photo-card figcaption {background:var(--mh-cream);color:var(--mh-brown);} /* Existing numbers become construction tags. The style is identical for every item. */ body .mh-flow-badge,body .mh-card .mh-card__number,body .mh-concern-page .mh-process-card__number {display:inline-flex;align-items:center;justify-content:center;width:72px;height:76px;min-width:72px;min-height:76px;flex-shrink:0;padding:17px 0 7px;background:var(--mh-tag) center/contain no-repeat;border:0;border-radius:0;color:var(--mh-brand)!important;font-size:34px;font-weight:900;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;box-shadow:none;filter:drop-shadow(3px 4px 0 #F28C281A);margin-bottom:14px;} body.mh-site-design-v1 .m086-hero__button {font-size:19px!important;min-height:64px!important;} /* Questions stay neutral; only the existing Q marker is accented. */ body .mh-site-page .mh-faq-card {background:#fff!important;} body .mh-site-page .mh-faq-card::before {width:3px;background:var(--mh-orange)!important;} body .mh-faq-card h3::before,body .mh-faq-link-card__question::before {color:var(--mh-brand);font-size:23px;} body .mh-faq-link-card__question {color:var(--mh-brown);} body .mh-faq-link-card__arrow {background:var(--mh-cream);color:var(--mh-brown);border:2px solid var(--mh-green);} /* Primary actions share color, size, corner and pressed shadow. Existing hand/arrow images stay. */ body :is(.mh-button.mh-affordance--hand,.mh-button--primary,.mh-final-cta__button,.mh-consult-cta__button,.m086-hero__button), body .mh-contact-form-shell .wpcf7 input[type="submit"],body .footer-widgets .wp-block-button__link, body.mh-site-design-dynamic-work .mh-work-cta .mh-works-button, body.m304-navigation-ux .site-header .main-navigation .main-nav ul li:is(.menu-item-contact,.mh-menu-contact)>a { background-color:var(--mh-brand)!important;border:1px solid var(--mh-brand)!important;border-radius:9px!important;color:#fff!important;box-shadow:0 4px 0 #dd111133!important;font-size:19px!important;font-weight:750;line-height:1.4!important;min-height:64px!important;padding-block:12px!important;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important; } body :is(.mh-button.mh-affordance--hand,.mh-button--primary,.mh-final-cta__button,.mh-consult-cta__button,.m086-hero__button):hover, body .footer-widgets .wp-block-button__link:hover,body .mh-contact-form-shell .wpcf7 input[type="submit"]:hover, body.m304-navigation-ux .site-header .main-navigation .main-nav ul li:is(.menu-item-contact,.mh-menu-contact)>a:hover {background-color:#b80b0b!important;border-color:#b80b0b!important;box-shadow:0 2px 0 #dd111133!important;color:#fff!important;} /* Secondary navigation is one cream surface, one red outline and one integrated chevron. */ body .mh-site-page :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more),body :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more) {position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:52px!important;max-width:100%;padding:12px 52px 12px 24px!important;border:1px solid var(--mh-brand)!important;border-radius:8px!important;background:var(--mh-cream)!important;color:var(--mh-brown)!important;font-size:16px!important;font-weight:750;line-height:1.5!important;text-decoration:none!important;text-align:center;box-shadow:0 3px 0 #dd111112!important;transition:background-color .18s,transform .18s,box-shadow .18s;} body :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more)::before {content:none!important;background:none!important;border:0!important;} body :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more)::after {content:""!important;position:absolute!important;right:22px;top:50%;width:9px!important;height:9px!important;margin:0!important;background:none!important;border:0!important;border-top:2.5px solid var(--mh-brand)!important;border-right:2.5px solid var(--mh-brand)!important;border-radius:0;transform:translateY(-50%) rotate(45deg)!important;transition:right .18s;pointer-events:none;} body .mh-site-page :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more):is(:hover,:focus),body :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more):is(:hover,:focus) {color:var(--mh-brown)!important;} @media(hover:hover) { body :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more):hover,body .mh-trouble-card__link:hover .mh-trouble-card__more {background:#FFF0E2!important;border-color:var(--mh-brand)!important;box-shadow:0 5px 0 #dd11111A!important;} body :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more):hover::after,body .mh-trouble-card__link:hover .mh-trouble-card__more::after {right:18px;} } body :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more):active,body .mh-trouble-card__link:active .mh-trouble-card__more {transform:translateY(2px);background:#FFE7D0!important;box-shadow:none!important;} body :is(.mh-button.mh-affordance--arrow,.mh-button--outline,.mh-news-outline-button,.mh-trouble-card__more,.mh-work-card-link a,.mhcv-more a,.mh-work-back a,.mh-works-more .mh-works-button,.mh-news-more-button,a.read-more):active::after,body .mh-trouble-card__link:active .mh-trouble-card__more::after {right:18px;} body .mh-trouble-card__link:focus-visible .mh-trouble-card__more {outline:3px solid var(--mh-brown);outline-offset:4px;} body .mh-concern-page .mh-concern-jump a {min-height:44px;display:inline-flex;align-items:center;background:var(--mh-cream);border-color:#AB9987;color:var(--mh-brown);} body .footer-widgets a:not(.wp-block-button__link) {text-decoration:underline;text-decoration-color:#AB9987;text-underline-offset:4px;} body .mh-site-page :is(.mh-final-cta,.mh-consult-cta),body .mh-consult-cta,body.mh-site-design-dynamic-work .mh-work-cta {position:relative;padding-top:84px!important;color:var(--mh-brown)!important;border-top:1px solid var(--mh-border);border-bottom:1px solid var(--mh-border);} body :is(.mh-final-cta,.mh-consult-cta) :is(h2,h3,p),body.mh-site-design-dynamic-work .mh-work-cta :is(h2,p) {color:var(--mh-brown)!important;} body :is(.mh-final-cta,.mh-consult-cta) h2 {font-weight:800;text-wrap:balance!important;word-break:auto-phrase!important;} body .mh-works-filter {border:1px solid #AB9987;background:var(--mh-cream);color:var(--mh-brown);border-radius:9px;} body .mh-works-filter:is(:hover,:focus,.is-active),body .page-numbers.current {background:var(--mh-cream)!important;color:var(--mh-brown)!important;border-color:var(--mh-brand)!important;box-shadow:inset 0 -3px 0 var(--mh-brand);} /* Quiet reading and form surfaces; bright, small details also cover dynamic templates. */ body .mh-contact-form-shell .wpcf7 :is(input[type="text"],input[type="tel"],input[type="email"],input[type="file"],select,textarea) {background:#fff;border-color:#AB9987;color:var(--mh-brown);border-radius:6px;} body .mh-contact-form-shell .wpcf7 input[type="file"]::file-selector-button {background:var(--mh-cream);color:var(--mh-brown);border:1px solid var(--mh-orange);} body .mh-contact-form-shell .myh-required {background:#dd111115;color:var(--mh-brown);border:1px solid #dd111155;} body .mh-site-page .mh-form-shell {background:#fff!important;} body :is(.myh-privacy,.myh-photo-fieldset) {background:#fff!important;border:1px solid var(--mh-border)!important;} body :is(.mh-data-table,.mh-work-detail-meta) {background:#fff;border-color:var(--mh-border);} body :is(.mh-data-table,.mh-work-detail-meta) :is(th,td) {border-color:var(--mh-border);} body :is(.mh-data-table,.mh-work-detail-meta) th {background:var(--mh-cream);color:var(--mh-brown);} body.mh-site-design-dynamic-work #content.site-content,body :is(.mh-news-single-page,.mhcv-single-page) {background:transparent!important;} body.mh-site-design-dynamic-work #main.site-main>article>.inside-article,body :is(.mh-news-single,.mhcv-single,.mh-legal-document),body:not(.mh-site-design-v1) :is(.inside-article,.page-header,.inside-right-sidebar) {background:#fff!important;border-color:var(--mh-border)!important;border-radius:12px;box-shadow:var(--mh-shadow);} body :is(.mh-work-section,.mhcv-single-section) h2,body .mh-news-single-content h2 {color:var(--mh-brown);border-bottom:2px solid var(--mh-orange);} body .mhcv-single-title,body .mh-news-single-title,body .entry-title {color:var(--mh-brown)!important;} body .mhcv-single-section--quote {border-left:3px solid var(--mh-orange)!important;} body :is(.mh-adjacent-nav__label,.mh-adjacent-nav__title,.mh-adjacent-nav__index) {color:var(--mh-brown);} body .mh-adjacent-nav__link:hover {background:var(--mh-soft)!important;border-color:var(--mh-orange)!important;} body :is(.mh-legal-document,.mh-company-message__copy,.mh-news-single-content,.mhcv-single-content) a:not([class]) {color:var(--mh-brown);text-decoration:underline;} body.mh-site-design-dynamic-work .entry-header {padding:24px clamp(16px,3vw,40px);background:var(--mh-cream);border:1px solid var(--mh-border);border-radius:12px;} body.mh-site-design-dynamic-work .entry-header .entry-title {color:var(--mh-brown)!important;font-weight:800;} body :is(.mhcv-single-title,.mh-news-single-title,h1.entry-title,.page-title)::after {content:"";display:block;width:min(100%,460px);height:44px;margin:18px auto 0;background:var(--mh-sketch) center/100% 100% no-repeat;pointer-events:none;} @media(min-width:768px) { body.mh-site-design-v1 .m086-hero__inner {pointer-events:none;} body.mh-site-design-v1 .m086-hero__content {pointer-events:auto;max-width:680px!important;padding-top:64px!important;} body .mh-section {padding-block:80px;} } @media(max-width:767px) { body .mh-flow-card--illustrated {grid-template-columns:72px minmax(0,1fr);} body .mh-flow-card:not(.mh-flow-card--illustrated) :is(h3,p) {margin-left:84px;} body .mh-flow-grid--unordered .mh-flow-card :is(h3,p) {margin-left:0;} } @media(prefers-reduced-motion:reduce) {body .mh-site-page :is(a,.mh-card) {transition:none!important;}} /* Shared decorative vocabulary: no generated words, no semantic DOM, no new JavaScript. */ :root { --mh-sketch:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20520%2038%22%3E%3Cpath%20d%3D%22M8%2021Q150%205%20300%2016T510%2013%22%20fill%3D%22none%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%226.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3Cpath%20d%3D%22M68%2030Q245%2015%20436%2025%22%20fill%3D%22none%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%223.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E"); --mh-roof:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%2052%22%3E%3Cpath%20d%3D%22M7%2033%2042%209%2077%2033m-57-4v13m44-13v13%22%20fill%3D%22none%22%20stroke%3D%22%234CAF50%22%20stroke-width%3D%225.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3Cpath%20d%3D%22M91%2034Q185%2026%20309%2032%22%20fill%3D%22none%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%225.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3Cpath%20d%3D%22M118%2025v13m154-16v16%22%20fill%3D%22none%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E"); --mh-dimension:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20520%2038%22%3E%3Cpath%20d%3D%22M10%2024H510M10%2013v20m500-20v20m-496-18-8%2015m508-15-8%2015%22%20fill%3D%22none%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%223.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3Cpath%20d%3D%22M90%2010v9m40-13v13m40-9v9m40-13v13m40-9v9m40-13v13m40-9v9m40-13v13m40-9v9%22%20fill%3D%22none%22%20stroke%3D%22%23493A30%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E"); --mh-rays:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2032%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%23F28C28%22%20stroke-width%3D%223.4%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019L4%205M14%2020L23%205M21%2026L35%2018%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%225%22%20r%3D%223%22%20fill%3D%22%234CAF50%22%2F%3E%3C%2Fsvg%3E"); --mh-dots:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%2038%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2222%22%20r%3D%225%22%20fill%3D%22%23F28C28%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2216%22%20r%3D%224%22%20fill%3D%22%234CAF50%22%2F%3E%3Cpath%20d%3D%22M53%2023Q151%204%20310%2020%22%20fill%3D%22none%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%225.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E"); --mh-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3%2013Q17%209%2034%2012M26%205L34%2012L26%2020%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); --mh-blueprint:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20122%20100%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%238DB58F%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M14%2030V18H34%20M56%2018H106V40%20M106%2058V88H60%20M42%2088H14V50%20M14%2018V30%20M14%2050V88%20M68%2018V43%20M68%2061V88%20M14%2052H39%20M57%2052H68%22%2F%3E%3Cpath%20d%3D%22M34%2017H56M34%2020H56M105%2040V58M108%2040V58M13%2030V50M16%2030V50%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M42%2088V70A18%2018%200%200%201%2060%2088%20M39%2052V34A18%2018%200%200%201%2057%2052%20M68%2043H86A18%2018%200%200%201%2068%2061%22%20stroke-width%3D%221.3%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23E5B586%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22M14%206H106M14%202V10M68%202V10M106%202V10M116%2018V88M112%2018H120M112%2088H120%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --mh-return-route:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%2072%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M996%205V18Q996%2034%20980%2034H20Q4%2034%204%2050V65M0%2058L4%2065L10%2058%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E"); --mh-tag:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2076%22%3E%3Cpath%20d%3D%22M10%2022%2031%205a5%205%200%200%201%206%200l25%2017v45a5%205%200%200%201-5%205H15a5%205%200%200%201-5-5Z%22%20fill%3D%22%23FFF9EE%22%2F%3E%3Cpath%20d%3D%22M8%2023%2034%203%2064%2023%22%20fill%3D%22none%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2217%22%20r%3D%222.5%22%20fill%3D%22%23F28C28%22%2F%3E%3Cpath%20d%3D%22M16%2063h42m-38-4v4m8-4v4m8-4v4m8-4v4m8-4v4%22%20fill%3D%22none%22%20stroke%3D%22%23493A30%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); --mh-pic-home:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M15%2036h50v33H15Z%22%20fill%3D%22%23D9CCB9%22%2F%3E%3Cpath%20d%3D%22M13%2034h50v32H13Z%22%20fill%3D%22%23FFF9EE%22%2F%3E%3Cpath%20d%3D%22M7%2032%2036%209a6%206%200%200%201%208%200l29%2023-5%207-28-22-28%2022Z%22%20fill%3D%22%23dd1111%22%2F%3E%3Crect%20x%3D%2253%22%20y%3D%2211%22%20width%3D%228%22%20height%3D%2216%22%20rx%3D%222%22%20fill%3D%22%23493A30%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2238%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%223%22%20fill%3D%22%23493A30%22%2F%3E%3Crect%20x%3D%2245%22%20y%3D%2242%22%20width%3D%2210%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%23493A30%22%2F%3E%3C%2Fsvg%3E"); --mh-pic-tools:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Crect%20x%3D%2212%22%20y%3D%2213%22%20width%3D%2247%22%20height%3D%2218%22%20rx%3D%226%22%20fill%3D%22%23F28C28%22%2F%3E%3Cpath%20d%3D%22M58%2019h8a5%205%200%200%201%205%205v12a6%206%200%200%201-6%206H42v9h-7V38a4%204%200%200%201%204-4h24V26h-5Z%22%20fill%3D%22%23493A30%22%2F%3E%3Crect%20x%3D%2229%22%20y%3D%2247%22%20width%3D%2217%22%20height%3D%2225%22%20rx%3D%226%22%20fill%3D%22%23D9CCB9%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2247%22%20width%3D%2213%22%20height%3D%2222%22%20rx%3D%225%22%20fill%3D%22%23493A30%22%2F%3E%3Cpath%20d%3D%22M18%2017h34v4H18Z%22%20fill%3D%22%23FFF9EE%22%2F%3E%3C%2Fsvg%3E"); --mh-pic-works:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Crect%20x%3D%2216%22%20y%3D%2220%22%20width%3D%2253%22%20height%3D%2243%22%20rx%3D%225%22%20fill%3D%22%23D9CCB9%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2212%22%20width%3D%2253%22%20height%3D%2243%22%20rx%3D%225%22%20fill%3D%22%23F28C28%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2218%22%20width%3D%2241%22%20height%3D%2231%22%20rx%3D%223%22%20fill%3D%22%23FFF9EE%22%2F%3E%3Cpath%20d%3D%22m19%2037%2012-11%2012%2011v10H19Z%22%20fill%3D%22%23493A30%22%2F%3E%3Crect%20x%3D%2227%22%20y%3D%2238%22%20width%3D%227%22%20height%3D%229%22%20rx%3D%221%22%20fill%3D%22%23FFF9EE%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2226%22%20r%3D%224%22%20fill%3D%22%23F28C28%22%2F%3E%3Cpath%20d%3D%22M35%2061h24v5H35Z%22%20fill%3D%22%23493A30%22%2F%3E%3C%2Fsvg%3E"); --mh-pic-guide:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Crect%20x%3D%2218%22%20y%3D%2213%22%20width%3D%2244%22%20height%3D%2257%22%20rx%3D%227%22%20fill%3D%22%23D9CCB9%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2210%22%20width%3D%2244%22%20height%3D%2257%22%20rx%3D%227%22%20fill%3D%22%23FFF9EE%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%227%22%20width%3D%2224%22%20height%3D%2212%22%20rx%3D%224%22%20fill%3D%22%23493A30%22%2F%3E%3Cpath%20d%3D%22M24%2027h24v5H24zm0%2011h19v5H24Z%22%20fill%3D%22%23dd1111%22%2F%3E%3Cpath%20d%3D%22m35%2054%207%207%2017-22%205%204-22%2028-12-12Z%22%20fill%3D%22%23493A30%22%2F%3E%3C%2Fsvg%3E"); --mh-pic-company:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Crect%20x%3D%2214%22%20y%3D%2231%22%20width%3D%2252%22%20height%3D%2238%22%20rx%3D%224%22%20fill%3D%22%23D9CCB9%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2229%22%20width%3D%2252%22%20height%3D%2237%22%20rx%3D%224%22%20fill%3D%22%23FFF9EE%22%2F%3E%3Cpath%20d%3D%22M6%2026%2034%2010a8%208%200%200%201%208%200l30%2016-4%209H10Z%22%20fill%3D%22%23dd1111%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2239%22%20width%3D%2210%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%23493A30%22%2F%3E%3Crect%20x%3D%2247%22%20y%3D%2239%22%20width%3D%2210%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%23493A30%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2248%22%20width%3D%2210%22%20height%3D%2218%22%20rx%3D%222%22%20fill%3D%22%23dd1111%22%2F%3E%3C%2Fsvg%3E"); --mh-pic-contact:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M16%2015h46a8%208%200%200%201%208%208v25a8%208%200%200%201-8%208H36L20%2069V56h-4a8%208%200%200%201-8-8V23a8%208%200%200%201%208-8Z%22%20fill%3D%22%23D9CCB9%22%2F%3E%3Cpath%20d%3D%22M14%2011h46a8%208%200%200%201%208%208v25a8%208%200%200%201-8%208H33L18%2065V52h-4a8%208%200%200%201-8-8V19a8%208%200%200%201%208-8Z%22%20fill%3D%22%23F28C28%22%2F%3E%3Cpath%20d%3D%22M24%2019c-6%201-8%207-5%2013%205%2010%2014%2017%2023%2017%206%200%2011-6%208-10l-9-4-4%205c-5-3-8-6-10-11l4-4Z%22%20fill%3D%22%23493A30%22%2F%3E%3C%2Fsvg%3E"); --mh-pic-area:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M7%2058q13-13%2029-6t36-7v24H7Z%22%20fill%3D%22%234CAF50%22%2F%3E%3Cpath%20d%3D%22M12%2065q12-10%2026-7t23-6%22%20fill%3D%22none%22%20stroke%3D%22%23FFF9EE%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M38%206c-13%200-22%209-22%2021%200%2014%2022%2030%2022%2030s22-16%2022-30C60%2015%2051%206%2038%206Z%22%20fill%3D%22%23D9CCB9%22%2F%3E%3Cpath%20d%3D%22M38%209c-11%200-19%208-19%2018%200%2011%2019%2026%2019%2026s19-15%2019-26C57%2017%2049%209%2038%209Z%22%20fill%3D%22%23FFF9EE%22%2F%3E%3Cpath%20d%3D%22m26%2027%2012-10%2012%2010v13H26Z%22%20fill%3D%22%23493A30%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2230%22%20width%3D%228%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%234CAF50%22%2F%3E%3C%2Fsvg%3E"); } :root {--mh-arrow-down:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2036%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%203Q9%2017%2012%2033M5%2025L12%2033L20%2025%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");} :root {--mh-gaze-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2040%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%204C56%202%2068%2020%2058%2036M51%2029L58%2036L66%2030%22%20stroke%3D%22%23F28C28%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");} /* Remove only the recently added duplicate pictograms; existing illustrations remain the anchors. */ body .mh-site-page :is(.mh-trouble-grid,.mh-trust-grid,.mh-cost-grid)>.mh-card::before {content:none;} body .mh-site-page :is(.mh-trouble-grid,.mh-trust-grid,.mh-cost-grid)>.mh-card h3 {padding-right:0;min-height:0;text-wrap:balance;} /* Small, open marks inhabit section margins, not card content. */ body .mh-section {position:relative;} body .mh-section:has(.mh-card-grid):not(:has(.mh-legal-document,.mh-faq-grid,.mh-contact-form-shell)) {padding-top:116px;} body .mh-guide {position:relative;} body :is(.mh-section--troubles,.mh-section--services,.mh-section--about) {--mh-heading-mark:var(--mh-roof);} body :is(.mh-section--costs,.mh-section:has(.mh-data-table)) {--mh-heading-mark:var(--mh-dimension);} body .mh-section:has(.mh-flow-grid) {--mh-heading-mark:var(--mh-dimension);} body :is(.mh-section--voices,.mh-section--news) {--mh-heading-mark:var(--mh-dots);} body .mh-section--faq {--mh-heading-mark:var(--mh-sketch);} body .mh-section:has(.mh-card-grid):not(:has(.mh-legal-document,.mh-faq-grid,.mh-contact-form-shell))::before { content:"";position:absolute;right:22px;top:14px;width:96px;height:80px;background:var(--mh-blueprint) center/contain no-repeat;opacity:.8;pointer-events:none; } /* Rays belong only to the upper right of a Japanese title block. */ body .mh-guide::before,body .mh-guide::after,body .mh-page-hero::before {content:none;} body :is(.mh-guide__title,.mh-page-hero__title)::before {content:"";position:absolute;right:-40px;top:-15px;width:36px;height:30px;background:var(--mh-rays) center/contain no-repeat;pointer-events:none;} body .mh-page-hero__title {--mh-heading-mark:var(--mh-roof);} body.mh-site-design-v1 .m086-hero__content::after {content:"";position:absolute;right:24px;top:17px;width:180px;height:36px;background:var(--mh-roof) center/contain no-repeat;pointer-events:none;} /* A roof-shaped construction tag, a ruler baseline and one continuous direction. */ body .mh-flow-grid:not(.mh-flow-grid--unordered) {position:relative;column-gap:48px;row-gap:72px;} body .mh-flow-grid:not(.mh-flow-grid--unordered)>.mh-flow-card {overflow:visible;} body .mh-flow-grid:not(.mh-flow-grid--unordered)>.mh-flow-card:not(:last-child)::after {content:"";display:block;position:absolute;z-index:3;top:65px;right:-42px;width:36px;height:24px;border:0;background:var(--mh-arrow) center/contain no-repeat;transform:none;pointer-events:none;} body .mh-flow-grid:not(.mh-flow-grid--unordered)::before {content:none;} body .mh-flow-grid:not(.mh-flow-grid--unordered)>.mh-flow-card:last-child {box-shadow:var(--mh-shadow),0 3px 0 #4CAF5028!important;} /* Photo edges: decorate outside the image, keeping every photographed detail clear. */ body :is(.mh-about-photo,.mh-flow-photo,.mh-company-photo,.mh-photo-card) {position:relative;overflow:visible;isolation:isolate;} body :is(.mh-about-photo,.mh-flow-photo,.mh-company-photo,.mh-photo-card)::before {content:"";position:absolute;z-index:-1;inset:10px -9px -10px 9px;border-radius:12px;background:#F28C2833;pointer-events:none;} body :is(.mh-about-photo,.mh-flow-photo,.mh-company-photo,.mh-photo-card)::after {content:"";position:absolute;right:-9px;bottom:-10px;width:130px;height:82px;border-right:3px solid var(--mh-green);border-bottom:3px solid var(--mh-green);border-radius:0 0 10px 0;transform:rotate(2deg);pointer-events:none;} body :is(.mh-about-photo,.mh-flow-photo,.mh-company-photo,.mh-photo-card) img {border-radius:12px;} body .mh-photo-card figcaption {border-radius:0 0 12px 12px;} body .mh-photo-card {margin-bottom:12px;} /* Direction B: a finer curved stroke ends beside the primary consultation button. */ body :is(.mh-final-cta,.mh-consult-cta)::before {content:"";position:absolute;left:50%;top:16px;width:min(480px,80%);height:38px;transform:translateX(-50%);background:var(--mh-sketch) center/100% 100% no-repeat;pointer-events:none;} body :is(.mh-final-cta,.mh-consult-cta)::after {content:none;} body :is(.mh-final-cta__buttons,.mh-consult-cta__buttons) {position:relative;width:fit-content;max-width:100%;margin-inline:auto;padding-top:44px;} body :is(.mh-final-cta__buttons,.mh-consult-cta__buttons)::before {content:"";position:absolute;left:0;top:0;width:70px;height:40px;background:var(--mh-gaze-arrow) center/contain no-repeat;pointer-events:none;} body .mh-dynamic-page--voices .mhcv-detail h4 {color:var(--mh-brown);font-weight:700;} /* Medium, filled, two-colour pictograms serve only currently text-only directory/area units. */ body :is(.mh-sitemap__section,.mh-area-region-card) {position:relative;} body :is(.mh-sitemap__section,.mh-area-region-card)::after {content:"";display:block;width:64px;height:64px;position:absolute;right:24px;top:22px;background:var(--mh-unit-picto) center/contain no-repeat;pointer-events:none;} body .mh-sitemap__section h2,body .mh-area-region-card h3 {padding-right:78px;min-height:66px;display:flex;align-items:center;} body .mh-area-region-card {--mh-unit-picto:var(--mh-pic-area);} /* Component rules, not colour cycling: the six directory headings carry distinct meanings. */ body .mh-sitemap__section:nth-child(1) {--mh-unit-picto:var(--mh-pic-home);} body .mh-sitemap__section:nth-child(2) {--mh-unit-picto:var(--mh-pic-tools);} body .mh-sitemap__section:nth-child(3) {--mh-unit-picto:var(--mh-pic-works);} body .mh-sitemap__section:nth-child(4) {--mh-unit-picto:var(--mh-pic-guide);} body .mh-sitemap__section:nth-child(5) {--mh-unit-picto:var(--mh-pic-company);} body .mh-sitemap__section:nth-child(6) {--mh-unit-picto:var(--mh-pic-contact);} @media(min-width:1025px) { body .mh-flow-grid--eight:not(.mh-flow-grid--unordered)>.mh-flow-card:nth-child(4)::after {top:auto;right:50%;bottom:-72px;width:calc(300% + 144px);height:72px;background:var(--mh-return-route) center/100% 100% no-repeat;} } @media(min-width:768px) and (max-width:1024px) { body .mh-flow-grid:not(.mh-flow-grid--four,.mh-flow-grid--eight)>.mh-flow-card:nth-child(3n):not(:last-child)::after {top:auto;right:50%;bottom:-72px;width:calc(200% + 96px);height:72px;background:var(--mh-return-route) center/100% 100% no-repeat;} body :is(.mh-flow-grid--four,.mh-flow-grid--eight)>.mh-flow-card:nth-child(2n):not(:last-child)::after {top:auto;right:50%;bottom:-72px;width:calc(100% + 48px);height:72px;background:var(--mh-return-route) center/100% 100% no-repeat;} } @media(max-width:767px) { body .mh-section:has(.mh-card-grid):not(:has(.mh-legal-document,.mh-faq-grid,.mh-contact-form-shell))::before {width:60px;height:50px;right:12px;top:12px;opacity:.8;} body :is(.mh-guide__title,.mh-page-hero__title) {max-width:calc(100% - 48px);} body :is(.mh-guide__title,.mh-page-hero__title)::before {right:-28px;top:-10px;width:24px;height:20px;} body.mh-site-design-v1 .m086-hero__content::after {right:16px;top:12px;width:114px;height:25px;} body .mh-flow-grid:not(.mh-flow-grid--unordered) {gap:56px;} body .mh-flow-grid:not(.mh-flow-grid--unordered)>.mh-flow-card:not(:last-child)::after {top:auto;right:auto;left:calc(50% - 12px);bottom:-46px;width:24px;height:36px;background:var(--mh-arrow-down) center/contain no-repeat;transform:none;} body :is(.mh-final-cta,.mh-consult-cta)::before {height:30px;} body :is(.mh-final-cta__buttons,.mh-consult-cta__buttons) {width:100%;} body :is(.mh-final-cta__buttons,.mh-consult-cta__buttons)::before {left:4px;top:4px;width:60px;height:34px;} body :is(.mh-sitemap__section,.mh-area-region-card)::after {right:18px;top:20px;width:58px;height:58px;} body .mh-sitemap__section h2,body .mh-area-region-card h3 {padding-right:70px;min-height:62px;} } /* Responsive heading rhythm. Existing character follows the original copy in reading order. */ @media(max-width:767px) { body :is(.mh-guide,.mh-guide--center.mh-guide--character) {display:block;text-align:center;margin-bottom:32px;} body :is(.mh-guide__copy,.mh-guide--center.mh-guide--character .mh-guide__copy) {max-width:none;margin-inline:auto;} body .mh-guide__title {font-size:28px;} body :is(.mh-guide__eyebrow,.mh-page-hero__eyebrow) {width:80%;font-size:11px;line-height:16px;padding:2px 12px;margin-bottom:20px;letter-spacing:.06em;} body .mh-page-hero__eyebrow,body :is(.mh-section--services,.mh-section--flow,.mh-section--about) .mh-guide__eyebrow {width:100%;font-size:12px;line-height:18px;padding:4px 10px;margin-bottom:24px;} body :where(.mh-company-page,.mh-privacy-page,#mhec-choice,.mh-section[aria-labelledby="exterior-priorities"],.mh-section[aria-labelledby="exterior-life"]) .mh-guide__eyebrow {width:min(190px,60%);font-size:10px;line-height:14px;padding:1px 12px;margin-bottom:18px;} body :is(.mh-guide__title,.mh-page-hero__title)::after {width:min(100%,340px);height:46px;margin-top:15px!important;} body .mh-site-page .mh-guide :is(.mh-guide__character,.mh-character-placement--guide) {width:90px;height:114px;margin:14px auto 0;display:block;} body .mh-guide::before,body .mh-guide::after {content:none!important;} body .mh-page-hero__inner--character {text-align:center;} body :is(.mh-guide__description,.mh-page-hero__description) {text-align:left;} body .mh-section:has(.mh-card-grid):not(:has(.mh-legal-document,.mh-faq-grid,.mh-contact-form-shell)) {padding-top:82px;} body.mh-site-design-v1 .m086-hero__content {padding-top:40px!important;} body.mh-site-design-v1 .m086-hero__content::after {top:8px;height:24px;} } /* Final photo, wallpaper rhythm and reviewed Japanese phrase layout. */ @media(min-width:1025px){ body.mh-site-design-v1 .m086-hero{--m086-copy-width:448px;--m086-copy-gutter:24px;} body.mh-site-design-v1 .m086-hero__inner{position:relative!important;display:block!important;} body.mh-site-design-v1 .m086-hero__content{ position:absolute!important; left:var(--m086-copy-gutter)!important; right:auto!important; bottom:clamp(48px,5vw,68px)!important; width:var(--m086-copy-width)!important; max-width:calc(100% - (var(--m086-copy-gutter) * 2))!important; margin:0!important; padding:40px 26px 24px!important; background:rgba(255,255,255,.90)!important; box-shadow:0 10px 32px #3d261226!important; opacity:1!important; transform:none!important; transition:left 2s cubic-bezier(.22,.61,.36,1)!important; will-change:left; } body.mh-site-design-v1 .m086-hero[data-copy-side="left"] .m086-hero__content{left:var(--m086-copy-gutter)!important;} body.mh-site-design-v1 .m086-hero[data-copy-side="right"] .m086-hero__content{left:calc(100% - var(--m086-copy-gutter) - var(--m086-copy-width))!important;} body.mh-site-design-v1 .m086-hero__title{font-size:32px!important;line-height:1.38!important;margin-bottom:16px!important;letter-spacing:0!important;} body.mh-site-design-v1 .m086-hero__description{font-size:15px!important;line-height:1.8!important;margin-bottom:20px!important;} body.mh-site-design-v1 .m086-hero__button{min-height:52px!important;padding:12px 22px!important;font-size:18px!important;} body.mh-site-design-v1 .m086-hero__content::after{width:126px!important;height:26px!important;top:10px!important;right:22px!important;} } /* Solid reading surfaces and existing header spacing. */ body .mh-news-single,body .mhcv-single,body .mh-news-single-content,body .mhcv-single-content{background:#fff!important;} body :is(.mh-news-single-header,.mhcv-single-header){padding:32px clamp(20px,4vw,48px)!important;border-radius:12px!important;} body.mh-site-design-dynamic-work .entry-header,body.page-id-396 .entry-header,body.archive .site-main>.page-header,body.error404 .inside-article>.entry-header{padding:28px clamp(20px,3vw,40px)!important;border-radius:12px!important;} body .mh-sitemap__grid{padding:clamp(18px,4vw,42px)!important;border-radius:16px;} body .mh-site-page .mh-faq-card,body .mh-site-page .mh-faq-item,body .mh-site-page .mh-legal-document,body .mh-site-page .mh-contact-form-shell{background:#fff!important;} /* These classes are added only to reviewed headings and short lead copy. */ .mh-type-balanced{word-break:normal!important;overflow-wrap:normal!important;line-break:strict!important;text-wrap:balance!important;} .mh-type-balanced .mh-type-unit{display:inline-block;white-space:nowrap;max-width:100%;} .mh-type-balanced .mh-type-phrase{white-space:normal;} @media(max-width:767px){ .mh-type-balanced.m086-hero__title .mh-type-unit:nth-child(2){display:block;} body.error404 .entry-title.mh-type-balanced{font-size:28px!important;} } /* ========================================================= * 2.5.4 — Cropped translucent tape assets applied; cost clip reduced further. * Existing information structure is retained. Only the physical stationery * vocabulary is refined: recognisable metal clips, wood/brass/pink pins, * paper depth, and consistent section-specific fastening roles. * ========================================================= */ :root { --mh-ad01-paper:url('../images/ad01-paper-texture.svg'); --mh-ad01-rings:url('../images/ad01-notebook-rings.svg'); --mh-ad01-tape-1:url('../images/stationery-tape-pink-stripe-v4.png'); --mh-ad01-tape-2:url('../images/stationery-tape-green-gingham-v4.png'); --mh-ad01-tape-3:url('../images/stationery-tape-layered-v4.png'); --mh-board-clip-voice:url('../images/stationery-board-clip-voice-board.png'); --mh-stationery-clip-gold-wide:url('../images/stationery-clip-gold-wide.webp'); --mh-stationery-clip-gold-ring:url('../images/stationery-clip-gold-ring.webp'); --mh-stationery-clip-sage:url('../images/stationery-clip-sage.webp'); --mh-stationery-clip-ivory-ring:url('../images/stationery-clip-ivory-ring.webp'); --mh-stationery-clip-terracotta:url('../images/stationery-clip-terracotta.webp'); --mh-stationery-pin-wood:url('../images/stationery-pin-wood.webp'); --mh-stationery-pin-gold:url('../images/stationery-pin-gold.webp'); --mh-stationery-pin-pink:url('../images/stationery-pin-pink.webp'); --mh-paper-edge:#cdbb9f; --mh-paper-shadow:0 14px 30px rgb(73 58 48 / .15); --mh-trouble-tab-1:url('../images/trouble-tab-attached-pink-stripe-v6.png'); --mh-trouble-tab-2:url('../images/trouble-tab-attached-green-gingham-v6.png'); --mh-trouble-tab-3:url('../images/trouble-tab-attached-blue-dots-v6.png'); } /* ---------- HOME CONCERNS: clearly recognisable index-memo cards ---------- */ body .mh-site-page .mh-trouble-grid > .mh-card { position:relative; isolation:isolate; overflow:visible !important; border:1.5px solid #cfbea4 !important; border-radius:3px !important; background-color:#fffdf7 !important; background-image: repeating-linear-gradient(180deg,transparent 0 27px,rgb(73 58 48 / .055) 27px 28px), var(--mh-ad01-paper) !important; background-size:auto,240px 240px !important; box-shadow: 8px 9px 0 #efdfc3, 0 16px 28px rgb(73 58 48 / .14) !important; transform:rotate(-.22deg); } body .mh-site-page .mh-trouble-grid > .mh-card:nth-child(even){transform:rotate(.22deg);} body .mh-site-page .mh-trouble-grid > .mh-card:nth-child(3n+2){ background-color:#fbfeff !important; background-image: repeating-linear-gradient(180deg,transparent 0 26px,rgb(88 157 185 / .09) 26px 27px), var(--mh-ad01-paper) !important; } body .mh-site-page .mh-trouble-grid > .mh-card:nth-child(3n+3){ background-color:#fffaf0 !important; background-image: radial-gradient(circle,rgb(178 143 96 / .11) 0 1px,transparent 1.4px), var(--mh-ad01-paper) !important; background-size:18px 18px,240px 240px !important; } /* Actual translucent tape-tab materials cropped from the latest supplied masking-tape asset ZIP. */ body .mh-site-page .mh-trouble-grid > .mh-card { --mh-trouble-tab:var(--mh-trouble-tab-1); } body .mh-site-page .mh-trouble-grid > .mh-card:nth-child(3n+2){--mh-trouble-tab:var(--mh-trouble-tab-2);} body .mh-site-page .mh-trouble-grid > .mh-card:nth-child(3n+3){--mh-trouble-tab:var(--mh-trouble-tab-3);} body .mh-site-page .mh-trouble-grid > .mh-card::before { content:"" !important; position:absolute; z-index:8; top:-23px; left:50%; right:auto; width:134px; height:34px; transform:translateX(-50%) rotate(-.6deg); border:0 !important; border-radius:0 !important; background:var(--mh-trouble-tab) center/contain no-repeat !important; box-shadow:none !important; clip-path:none !important; pointer-events:none; } body .mh-site-page .mh-trouble-grid > .mh-card:nth-child(even)::before { transform:translateX(-50%) rotate(.5deg); } /* Folded paper corner makes the card itself read as a physical memo. */ body .mh-site-page .mh-trouble-grid > .mh-card::after { content:"" !important; position:absolute; z-index:7; right:-2px; bottom:-2px; width:31px; height:31px; background:linear-gradient(315deg,#ead4b5 0 47%,#bd9869 48% 53%,#fff9ed 54% 100%); filter:drop-shadow(-3px -3px 2px rgb(73 58 48 / .13)); pointer-events:none; } body .mh-site-page .mh-trouble-grid > .mh-card .mh-trouble-card__link {padding-top:22px;} body .mh-site-page .mh-trouble-grid > .mh-card :is(h3,p,.mh-trouble-card__more){position:relative;z-index:2;} @media(max-width:680px){ body .mh-site-page .mh-trouble-grid > .mh-card::before{top:-18px;left:50%;right:auto;width:116px;height:30px;transform:translateX(-50%) rotate(-.4deg);} body .mh-site-page .mh-trouble-grid > .mh-card:nth-child(even)::before{transform:translateX(-50%) rotate(.4deg);} body .mh-site-page .mh-trouble-grid > .mh-card::after{width:27px;height:27px;} body .mh-site-page .mh-trouble-grid > .mh-card .mh-trouble-card__link{padding-top:18px;} } /* ---------- SERVICE GUIDES: ring-notebook cards (approved; retain) ---------- */ body .mh-site-page .mh-service-card { position:relative; isolation:isolate; overflow:visible !important; border:2px solid #bfa98a !important; border-radius:4px !important; padding-top:42px !important; background-color:#fffefb !important; background-image: linear-gradient(90deg,rgb(76 175 80 / .09) 1px,transparent 1px), linear-gradient(180deg,rgb(76 175 80 / .09) 1px,transparent 1px), var(--mh-ad01-paper) !important; background-size:28px 28px,28px 28px,240px 240px !important; box-shadow:0 0 0 6px #ffffff,0 0 0 7px rgb(160 126 82 / .26),0 18px 34px rgb(73 58 48 / .18),0 2px 0 rgb(255 255 255 / .92) inset !important; } body .mh-site-page .mh-service-card::before { content:"" !important; position:absolute; z-index:8; left:50%;top:-20px; width:min(82%,300px);height:42px; transform:translateX(-50%); background:var(--mh-ad01-rings) center/100% 42px no-repeat; pointer-events:none; } body .mh-site-page .mh-service-card::after { content:"" !important; position:absolute; z-index:1; left:18px;right:18px;top:28px; height:4px; background:var(--mh-brand); border-radius:4px; pointer-events:none; } body .mh-site-page .mh-service-card > * {position:relative;z-index:2;} /* ---------- TRUST: consultation sheets with refined bulldog clips ---------- */ body .mh-site-page .mh-trust-grid > .mh-card { --mh-trust-fastener:var(--mh-stationery-clip-gold-ring); position:relative; isolation:isolate; overflow:visible !important; padding-top:40px !important; border:1.5px solid #c9b69a !important; border-radius:3px !important; background-color:#fffdf7 !important; background-image: repeating-linear-gradient(180deg,transparent 0 34px,rgb(242 140 40 / .075) 34px 35px), linear-gradient(90deg,transparent 0 31px,rgb(221 17 17 / .09) 31px 33px,transparent 33px), var(--mh-ad01-paper) !important; background-size:auto,auto,240px 240px !important; box-shadow:6px 7px 0 #ead7b7,0 16px 30px rgb(73 58 48 / .14) !important; } body .mh-site-page .mh-trust-grid > .mh-card:nth-child(3n+2){--mh-trust-fastener:var(--mh-stationery-clip-sage);} body .mh-site-page .mh-trust-grid > .mh-card:nth-child(3n+3){--mh-trust-fastener:var(--mh-stationery-clip-terracotta);} body .mh-site-page .mh-trust-grid > .mh-card::before { content:"" !important; position:absolute; z-index:12; left:50%;top:-42px; width:86px;height:78px; transform:translateX(-50%); background:var(--mh-trust-fastener) center/contain no-repeat !important; filter:drop-shadow(0 5px 3px rgb(73 58 48 / .26)) !important; pointer-events:none; } body .mh-site-page .mh-trust-grid > .mh-card::after { content:"" !important; position:absolute; z-index:-1; inset:8px -10px -11px 10px; border:1.5px solid #d9c3a2; border-radius:3px; background:#f1dfc0 var(--mh-ad01-paper) center/220px 220px; transform:rotate(.55deg); box-shadow:0 7px 12px rgb(73 58 48 / .09); pointer-events:none; } /* ---------- COSTS: warm clipboard boards with a real supplied brass clamp ---------- */ body .mh-site-page .mh-cost-grid > .mh-card { position:relative; isolation:isolate; overflow:visible !important; padding-top:54px !important; border:11px solid #bf8957 !important; border-top-width:17px !important; border-bottom-width:13px !important; border-radius:8px !important; background-color:#fffef9 !important; background-image: linear-gradient(90deg,transparent 0 29px,rgb(221 17 17 / .12) 29px 31px,transparent 31px), repeating-linear-gradient(180deg,transparent 0 31px,rgb(73 58 48 / .075) 31px 32px), var(--mh-ad01-paper) !important; background-size:auto,auto,220px 220px !important; box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 5px rgb(160 126 82 / .16), 0 18px 34px rgb(73 58 48 / .18) !important; } body .mh-site-page .mh-cost-grid > .mh-card::before { content:"" !important; position:absolute; z-index:12; left:50%;top:-30px; width:60px;height:47px; transform:translateX(-50%); background:var(--mh-stationery-clip-gold-wide) center/contain no-repeat !important; filter:drop-shadow(0 4px 3px rgb(73 58 48 / .28)) !important; pointer-events:none; } body .mh-site-page .mh-cost-grid > .mh-card::after { content:"" !important; position:absolute; z-index:1; left:25px;right:25px;top:38px; height:5px; border-radius:4px; background:var(--mh-brand); box-shadow:0 2px 0 rgb(255 255 255 / .85); pointer-events:none; } body .mh-site-page .mh-cost-grid > .mh-card > * {position:relative;z-index:2;} body .mh-site-page .mh-cost-grid > .mh-card h3 { padding:8px 8px 11px; border-bottom:2px dashed rgb(73 58 48 / .22); background:rgb(255 255 255 / .66); font-weight:800; } body .mh-site-page .mh-cost-grid > .mh-card p {padding-left:8px;padding-right:8px;} /* ---------- FLOW: field-process notebook (approved; retain) ---------- */ body .mh-site-page .mh-flow-card { position:relative; isolation:isolate; overflow:visible !important; border:2px solid #cdbb9f !important; border-radius:5px !important; padding-top:40px !important; background-color:#fffaf0 !important; background-image: linear-gradient(90deg,rgb(76 175 80 / .10) 1px,transparent 1px), linear-gradient(180deg,rgb(76 175 80 / .10) 1px,transparent 1px), var(--mh-ad01-paper) !important; background-size:22px 22px,22px 22px,240px 240px !important; box-shadow:0 0 0 4px #fffdf8,0 0 0 5px rgb(160 126 82 / .22),var(--mh-paper-shadow) !important; } body .mh-site-page .mh-flow-card::before { content:"" !important; position:absolute; z-index:7; left:50%;top:-15px; width:min(84%,190px);height:30px; transform:translateX(-50%); background:var(--mh-ad01-rings) center/100% 30px no-repeat; pointer-events:none; } /* ---------- WORKS: photo prints fixed with one clear, centered, patterned washi tape ---------- */ body .mh-work-card { --mh-work-tape:var(--mh-ad01-tape-1); position:relative; isolation:isolate; overflow:visible !important; border:2px solid #c8ae8c !important; border-radius:4px !important; background:#fffaf0 var(--mh-ad01-paper) center/240px 240px !important; box-shadow: 0 0 0 5px #fffdf8, 0 0 0 7px #c8ae8c, 0 18px 34px rgb(73 58 48 / .18) !important; transform:rotate(-.16deg); } body .mh-work-card:nth-child(3n+2){--mh-work-tape:var(--mh-ad01-tape-2);transform:rotate(.16deg);} body .mh-work-card:nth-child(3n+3){--mh-work-tape:var(--mh-ad01-tape-3);transform:rotate(-.08deg);} body .mh-work-card::before { content:"" !important; position:absolute; z-index:12; top:-30px;left:50%; width:164px;height:56px; border:0 !important; background:var(--mh-work-tape) center/contain no-repeat !important; box-shadow:none !important; transform:translateX(-50%) rotate(-2deg) !important; opacity:1; pointer-events:none; } body .mh-work-card:nth-child(3n+2)::before {transform:translateX(-50%) rotate(2.5deg)!important;} body .mh-work-card:nth-child(3n+3)::before {transform:translateX(-50%) rotate(-1.6deg)!important;} body .mh-work-card::after { content:"" !important; position:absolute; z-index:-1; inset:8px -11px -11px 9px; border:2px solid #d8c5a8; background:#f2dfbf var(--mh-ad01-paper) center/220px 220px; transform:rotate(.65deg); box-shadow:0 8px 14px rgb(73 58 48 / .10); pointer-events:none; } body .mh-work-card-image { box-sizing:border-box; margin:18px 18px 0 !important; border:10px solid #fff !important; border-bottom-width:22px !important; border-radius:1px !important; background:#fff !important; box-shadow:0 6px 15px rgb(73 58 48 / .22) !important; overflow:hidden; } body .mh-work-card-type { padding:7px 15px !important; border:2px solid #dcb88e !important; border-left:7px solid var(--mh-orange) !important; border-radius:2px !important; background:#fff1cf var(--mh-ad01-paper) center/180px 180px !important; box-shadow:3px 4px 0 rgb(73 58 48 / .10) !important; clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%); font-weight:800 !important; } /* ---------- CUSTOMER VOICES: review sheets held by refined supplied bulldog clips ---------- */ body .mhcv-card { --mh-voice-fastener:var(--mh-stationery-clip-ivory-ring); position:relative; isolation:isolate; overflow:visible !important; padding-top:14px; border:1.5px solid #cbb89a !important; border-radius:4px !important; background-color:#fffaf0 !important; background-image: linear-gradient(90deg,transparent 0 40px,rgb(221 17 17 / .11) 40px 42px,transparent 42px), repeating-linear-gradient(180deg,transparent 0 35px,rgb(73 58 48 / .07) 35px 36px), var(--mh-ad01-paper) !important; box-shadow:0 0 0 5px #fff9ed,0 0 0 7px #c9b08e,0 18px 34px rgb(73 58 48 / .16) !important; } body .mhcv-card:nth-child(3n+2){--mh-voice-fastener:var(--mh-stationery-clip-sage);} body .mhcv-card:nth-child(3n+3){--mh-voice-fastener:var(--mh-stationery-clip-terracotta);} body .mhcv-card::before { content:"" !important; position:absolute; z-index:14; top:-34px;left:50%; width:82px;height:74px; border:0 !important; background:var(--mh-voice-fastener) center/contain no-repeat !important; box-shadow:none !important; transform:translateX(-50%) !important; filter:drop-shadow(0 4px 2px rgb(73 58 48 / .30)) !important; pointer-events:none; } body .mhcv-card::after { content:"" !important; position:absolute; z-index:-1; inset:8px -8px -10px 9px; border:1.5px solid #decaaa; background:#f6e7cc var(--mh-ad01-paper) center/220px 220px; transform:rotate(.45deg); box-shadow:0 7px 12px rgb(73 58 48 / .08); pointer-events:none; } body .mhcv-photo {margin:10px 12px 0 !important;border:7px solid #fff !important;border-bottom-width:14px !important;border-radius:1px !important;box-shadow:0 5px 13px rgb(73 58 48 / .18) !important;} body .mhcv-project { padding:8px 16px !important; border:2px solid #d4b75c !important; border-left:6px solid var(--mh-orange) !important; border-radius:2px !important; background:linear-gradient(135deg,transparent 0 calc(100% - 12px),#e0bf57 calc(100% - 12px) 100%),#ffe58a !important; box-shadow:3px 4px 0 rgb(73 58 48 / .11) !important; font-weight:800 !important; transform:rotate(-.35deg); } body .mhcv-card:nth-child(even) .mhcv-project {transform:rotate(.3deg);} body .mhcv-quote {border:0 !important;border-left:4px solid var(--mh-brand) !important;border-radius:0 !important;background:rgb(255 255 255 / .70) !important;box-shadow:none !important;} /* ---------- NEWS: layered bulletin notes with supplied wood/brass/pink pins ---------- */ body .mh-news-card { --mh-news-fastener:var(--mh-stationery-pin-wood); position:relative; isolation:isolate; overflow:visible !important; border:1.5px solid #cbb08a !important; border-radius:4px !important; background:#fff9ef var(--mh-ad01-paper) center/240px 240px !important; box-shadow:0 0 0 4px #fffdf8,0 0 0 5px rgb(160 126 82 / .22),0 18px 34px rgb(73 58 48 / .15) !important; transform:rotate(-.10deg); } body .mh-news-card:nth-child(3n+2){--mh-news-fastener:var(--mh-stationery-pin-wood);transform:rotate(.10deg);} body .mh-news-card:nth-child(3n+3){--mh-news-fastener:var(--mh-stationery-pin-wood);transform:rotate(-.05deg);} body .mh-news-card::before { content:"" !important; position:absolute; z-index:14; top:-18px;left:50%; width:30px;height:42px; transform:translateX(-50%); background:var(--mh-news-fastener) center/contain no-repeat; filter:drop-shadow(0 4px 3px rgb(73 58 48 / .24)) !important; pointer-events:none; } body .mh-news-card::after { content:"" !important; position:absolute; z-index:-1; inset:9px -10px -11px 10px; border:1.5px solid #dec6a1; border-radius:3px; background:#f1dfc0 var(--mh-ad01-paper) center/220px 220px; transform:rotate(.6deg); box-shadow:0 8px 13px rgb(73 58 48 / .09); pointer-events:none; } body .mh-news-card-image {margin:12px 12px 0 !important;border:7px solid #fff !important;border-bottom-width:14px !important;border-radius:1px !important;box-shadow:0 5px 13px rgb(73 58 48 / .17) !important;overflow:hidden;} body .mh-news-card-date {display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border:2px dashed var(--mh-orange);border-radius:999px;background:#fff7e7;color:var(--mh-brown)!important;font-weight:800;letter-spacing:.04em;transform:rotate(-.8deg);} /* ---------- FAQ: interaction stays conventional; only a hand-finished paper edge ---------- */ body .mh-site-page :is(.mh-faq-card,.mh-faq-link-card) { border:2px solid #d4c2a8 !important; border-radius:6px !important; box-shadow:4px 5px 0 #f3e2c7,0 12px 22px rgb(73 58 48 / .08) !important; } /* ---------- Mobile: keep every section's analogue identity visible ---------- */ @media(max-width:767px) { body .mh-site-page .mh-trouble-grid > .mh-card::before {top:-12px;left:50%;right:auto;width:92px;height:24px;transform:translateX(-50%) rotate(-.3deg);} body .mh-site-page .mh-trouble-grid > .mh-card::after {width:19px;height:19px;} body .mh-site-page .mh-service-card {padding-top:36px !important;} body .mh-site-page .mh-service-card::before {top:-16px;width:82%;height:34px;background-size:100% 34px;} body .mh-site-page .mh-trust-grid > .mh-card {padding-top:34px !important;} body .mh-site-page .mh-trust-grid > .mh-card::before {top:-34px;width:68px;height:62px;} body .mh-site-page .mh-cost-grid > .mh-card {padding-top:43px !important;border-width:10px !important;border-top-width:16px !important;} body .mh-site-page .mh-cost-grid > .mh-card::before {top:-26px;width:54px;height:42px;} body .mh-site-page .mh-flow-card {padding-top:35px !important;} body .mh-site-page .mh-flow-card::before {top:-13px;width:82%;height:26px;background-size:100% 26px;} body .mh-work-card::before {top:-22px;width:118px;height:40px;} body .mh-work-card-image {margin:14px 14px 0 !important;border-width:8px !important;border-bottom-width:17px !important;} body .mh-work-card::after {inset:7px -7px -8px 7px;} body .mhcv-card::before {top:-28px;width:70px;height:64px;transform:translateX(-50%) !important;} body .mhcv-photo {margin:9px 9px 0 !important;border-width:5px !important;border-bottom-width:10px !important;} body .mh-news-card::before {top:-18px;width:26px;height:38px;} body .mh-news-card-image {margin:9px 9px 0 !important;border-width:5px !important;border-bottom-width:10px !important;} } /* Keep framed media inside the paper cards after adding visible outer margins. */ body :is(.mh-work-card-image,.mhcv-photo,.mh-news-card-image) {width:auto !important;max-width:none !important;} /* ========================================================= * 2.5.0 — VOICE BOARD refinement * Content/order remain owned by the dedicated VOICE BOARD plugin. * Presentation uses the supplied high-resolution stationery materials. * ========================================================= */ body .mh-site-page .mh-section--voice-board { position:relative; background:#fffdfa !important; padding-top:96px !important; padding-bottom:96px !important; } body .mh-site-page .mh-section--voice-board .mhvb-heading {margin-bottom:46px;} body .mh-site-page .mh-section--voice-board .mhvb-title { font-size:clamp(34px,4.6vw,56px) !important; line-height:1.28 !important; letter-spacing:.005em !important; text-align:center !important; } body .mh-site-page .mh-section--voice-board .mhvb-title::after {content:none !important;} body .mh-site-page .mh-section--voice-board .mhvb-title-line {display:block;} body .mh-site-page .mh-section--voice-board .mhvb-title-line--marker { position:relative;z-index:0;width:max-content;max-width:100%;margin:4px auto 0; } body .mh-site-page .mh-section--voice-board .mhvb-title-line--marker::after { content:"";position:absolute;z-index:-1;left:-1.5%;right:-1.5%;bottom:.04em;height:.17em; border-radius:999px;background:#ffd943;transform:rotate(-.35deg); } body .mh-site-page .mh-section--voice-board .mhvb-brand {color:var(--mh-brand);} body .mh-site-page .mh-section--voice-board .mhvb-lead { max-width:800px;margin:22px auto 0 !important;text-align:center !important; } body .mh-site-page .mhvb-board-wrap { width:min(1180px,100%);margin:0 auto;padding:24px 12px 0; } body .mh-site-page .mhvb-board { position:relative;isolation:isolate;padding:104px 42px 42px; border:12px solid #9b5f34;border-radius:15px; background-color:#c99558; background-image: radial-gradient(circle at 18% 16%,rgb(255 241 214 / .22) 0 1px,transparent 1.7px), radial-gradient(circle at 76% 42%,rgb(78 42 15 / .12) 0 1px,transparent 1.8px), radial-gradient(circle at 35% 78%,rgb(255 255 255 / .12) 0 1px,transparent 1.5px), linear-gradient(90deg,rgb(255 255 255 / .025),rgb(0 0 0 / .025)); background-size:18px 18px,23px 23px,27px 27px,100% 100%; box-shadow: inset 0 0 0 3px #e6bd87, inset 0 0 0 7px rgb(91 48 19 / .16), inset 0 0 28px rgb(105 55 18 / .16), 0 22px 44px rgb(87 52 25 / .18); } body .mh-site-page .mhvb-board::before { content:"";position:absolute;z-index:0;inset:10px;border:1px solid rgb(92 50 20 / .23); border-radius:7px;pointer-events:none; } body .mh-site-page .mhvb-board::after { content:"";position:absolute;z-index:0;inset:18px;border:1px solid rgb(255 236 205 / .16); border-radius:5px;pointer-events:none; } body .mh-site-page .mhvb-board-clip { position:absolute;z-index:20;left:50%;top:-82px;width:250px;height:132px; transform:translateX(-50%); background:var(--mh-board-clip-voice) center/contain no-repeat; filter:drop-shadow(0 8px 6px rgb(73 58 48 / .24));pointer-events:none; } body .mh-site-page .mhvb-note-grid { position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 1fr 1fr; gap:30px 26px;align-items:start; } body .mh-site-page .mhvb-note { position:relative;min-width:0;color:var(--mh-brown);isolation:isolate; } body .mh-site-page .mhvb-note:nth-child(1){transform:rotate(-.45deg)} body .mh-site-page .mhvb-note:nth-child(2){transform:rotate(.35deg)} body .mh-site-page .mhvb-note:nth-child(3){transform:rotate(.45deg)} body .mh-site-page .mhvb-note:nth-child(4){transform:rotate(-.5deg)} body .mh-site-page .mhvb-note:nth-child(5){transform:rotate(.15deg)} body .mh-site-page .mhvb-note:nth-child(6){transform:rotate(.5deg)} body .mh-site-page .mhvb-paper { position:relative;z-index:1;width:100%;min-height:238px;padding:40px 29px 29px; border:1px solid rgb(129 93 55 / .12); background-color:#fffef9;background-image:var(--mh-ad01-paper);background-size:240px 240px; box-shadow:0 11px 23px rgb(70 48 26 / .18),0 2px 0 rgb(255 255 255 / .7) inset; overflow:visible; } body .mh-site-page .mhvb-paper::after { content:"";position:absolute;z-index:-1;left:4px;right:-4px;bottom:-5px;height:7px; background:rgb(96 66 38 / .06);filter:blur(2px);pointer-events:none; } body .mh-site-page .mhvb-note-title { position:relative;display:inline-block;z-index:2;margin:0 0 20px; font-size:clamp(21px,1.9vw,29px);font-weight:800;line-height:1.38;letter-spacing:.01em; } body .mh-site-page .mhvb-note-title::after { content:"";position:absolute;z-index:-1;left:-2%;right:-3%;bottom:-4px;height:7px; border-radius:999px;background:#ffd943;transform:rotate(-.65deg); } body .mh-site-page .mhvb-note-text {margin:0;font-size:15px;line-height:1.9;color:var(--mh-text);} body .mh-site-page .mhvb-note-meta { display:inline-block;max-width:calc(100% - 54px);margin:20px 0 0;padding:6px 14px; border:1px solid rgb(150 118 82 / .12);border-radius:999px;background:#f5d7db; font-size:12px;line-height:1.4;color:#5a514a; } body .mh-site-page .mhvb-note-icon { position:absolute;right:18px;bottom:17px;width:46px;height:46px;color:var(--mh-brown);opacity:.86; } body .mh-site-page .mhvb-note-icon svg {display:block;width:100%;height:100%;} body .mh-site-page .mhvb-note-icon--sprout, body .mh-site-page .mhvb-note-icon--smile {color:var(--mh-green);} body .mh-site-page .mhvb-note-icon--chat {color:var(--mh-brand);} /* Paper vocabulary: visually distinct but kept within one stationery family. */ body .mh-site-page .mhvb-note--notebook .mhvb-paper { padding-left:46px; background-image:radial-gradient(circle,#b9986d 0 4px,transparent 4.5px),var(--mh-ad01-paper); background-position:10px 15px,0 0;background-size:20px 34px,240px 240px;background-repeat:repeat-y,repeat; } body .mh-site-page .mhvb-note--sticky .mhvb-paper { background-color:#fff0a0;background-image:linear-gradient(145deg,#fff4ae,#ffe77a),var(--mh-ad01-paper);background-blend-mode:multiply,normal; } body .mh-site-page .mhvb-note--sticky .mhvb-note-title {color:var(--mh-orange);} body .mh-site-page .mhvb-note--sticky .mhvb-note-meta {background:#fff2c9;} body .mh-site-page .mhvb-note--grid .mhvb-paper { background-color:#fbfeff; background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgb(65 167 221 / .18) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgb(65 167 221 / .18) 23px 24px),var(--mh-ad01-paper); background-size:auto,auto,240px 240px; } body .mh-site-page .mhvb-note--grid .mhvb-note-meta {background:#d8f1fc;} body .mh-site-page .mhvb-note--blue .mhvb-paper { background-color:#dff5ff;background-image:linear-gradient(165deg,#e9f9ff,#ccefff),var(--mh-ad01-paper);background-blend-mode:multiply,normal; } body .mh-site-page .mhvb-note--ruled .mhvb-paper { background-color:#fff9f8;background-image:repeating-linear-gradient(0deg,#fff9f8 0 30px,#f5c6c6 30px 31px),var(--mh-ad01-paper); clip-path:polygon(3% 0,100% 0,100% 100%,2% 100%,0 92%,2% 84%,0 76%,2% 68%,0 60%,2% 52%,0 44%,2% 36%,0 28%,2% 20%,0 12%); } body .mh-site-page .mhvb-note--ruled .mhvb-note-title {color:var(--mh-brand);} body .mh-site-page .mhvb-note--torn .mhvb-paper { padding-bottom:36px;background-color:#fffaf0;background-image:linear-gradient(150deg,#fffdf1,#fff4d6),var(--mh-ad01-paper); clip-path:polygon(0 0,100% 0,100% 92%,96% 96%,92% 93%,88% 97%,84% 93%,80% 97%,76% 93%,72% 97%,68% 93%,64% 97%,60% 93%,56% 97%,52% 93%,48% 97%,44% 93%,40% 97%,36% 93%,32% 97%,28% 93%,24% 97%,20% 93%,16% 97%,12% 93%,8% 97%,4% 93%,0 96%); } /* High-resolution supplied fasteners. */ /* v2.5.8: unify all voice-board memo fasteners to the supplied gold pin. */ body .mh-site-page .mhvb-fastener { position:absolute;z-index:18;left:50%;pointer-events:none;transform:translateX(-50%); background-position:center;background-repeat:no-repeat;background-size:contain; filter:drop-shadow(0 5px 3px rgb(73 58 48 / .24)); } body .mh-site-page .mhvb-fastener--clip-gold-wide, body .mh-site-page .mhvb-fastener--clip-gold-ring, body .mh-site-page .mhvb-fastener--clip-sage, body .mh-site-page .mhvb-fastener--clip-ivory-ring, body .mh-site-page .mhvb-fastener--clip-terracotta, body .mh-site-page .mhvb-fastener--pin-wood, body .mh-site-page .mhvb-fastener--pin-gold, body .mh-site-page .mhvb-fastener--pin-pink, body .mh-site-page .mhvb-fastener--pin-yellow, body .mh-site-page .mhvb-fastener--pin-green, body .mh-site-page .mhvb-fastener--pin-blue, body .mh-site-page .mhvb-fastener--clip-yellow, body .mh-site-page .mhvb-fastener--clip-pink, body .mh-site-page .mhvb-fastener--clip-green {top:-22px;width:34px;height:52px;background-image:var(--mh-stationery-pin-gold);} body .mh-site-page .mhvb-cta {margin:36px 0 0;text-align:center;} @media(max-width:980px) { body .mh-site-page .mhvb-note-grid {grid-template-columns:repeat(2,minmax(0,1fr));} body .mh-site-page .mhvb-board {padding:78px 28px 34px;} body .mh-site-page .mhvb-note:nth-child(n){transform:rotate(0deg);} } @media(max-width:680px) { body .mh-site-page .mh-section--voice-board {padding-top:72px !important;padding-bottom:76px !important;} body .mh-site-page .mh-section--voice-board .mhvb-heading {margin-bottom:34px;} body .mh-site-page .mh-section--voice-board .mhvb-title {font-size:32px !important;text-align:left !important;} body .mh-site-page .mh-section--voice-board .mhvb-title-line--marker {width:auto;margin-top:3px;} body .mh-site-page .mh-section--voice-board .mhvb-lead {font-size:14px;text-align:left !important;} body .mh-site-page .mhvb-board-wrap {padding:14px 2px 0;} body .mh-site-page .mhvb-board {padding:88px 13px 24px;border-width:8px;border-radius:11px;} body .mh-site-page .mhvb-board-clip {top:-58px;width:186px;height:98px;} body .mh-site-page .mhvb-note-grid {grid-template-columns:1fr;gap:26px;} body .mh-site-page .mhvb-paper {min-height:0;padding:38px 23px 26px;} body .mh-site-page .mhvb-note--notebook .mhvb-paper {padding-left:42px;} body .mh-site-page .mhvb-note-title {font-size:24px;} body .mh-site-page .mhvb-note-text {font-size:14px;line-height:1.85;} body .mh-site-page .mhvb-fastener {transform:translateX(-50%) scale(.88);transform-origin:center bottom;} body .mh-site-page .mhvb-note-icon {width:42px;height:42px;} } /* ========================================================= * 2.5.9 — Unify whole-card feedback with HOME CONCERNS. * Moving over / pressing the card changes its internal detail button, * while the existing link target and DOM ownership remain unchanged. * ========================================================= */ /* Whole-card interaction surfaces that contain one secondary CTA. */ body .mh-site-page :is( .mh-service-card, .mh-section--works .mh-work-card, .mh-about-layout, .mh-section--voices .mhcv-card, .mh-section--news .mh-news-card ) { -webkit-tap-highlight-color: transparent; } /* PC hover and keyboard focus-within: match the HOME CONCERNS CTA response. */ body .mh-site-page .mh-service-card:is(:hover,:focus-within) :is(.mh-button,.mh-button--outline), body .mh-site-page .mh-section--works .mh-work-card:is(:hover,:focus-within) .mh-work-card-link a, body .mh-site-page .mh-about-layout:is(:hover,:focus-within) .mh-about-copy .mh-button, body .mh-site-page .mh-section--voices .mhcv-card:is(:hover,:focus-within) .mhcv-more a, body .mh-site-page .mh-section--news .mh-news-card:is(:hover,:focus-within) .mh-news-outline-button { background:#FFF0E2 !important; border-color:var(--mh-brand) !important; color:var(--mh-brown) !important; box-shadow:0 5px 0 #dd11111A !important; } body .mh-site-page .mh-service-card:is(:hover,:focus-within) :is(.mh-button,.mh-button--outline)::after, body .mh-site-page .mh-section--works .mh-work-card:is(:hover,:focus-within) .mh-work-card-link a::after, body .mh-site-page .mh-about-layout:is(:hover,:focus-within) .mh-about-copy .mh-button::after, body .mh-site-page .mh-section--voices .mhcv-card:is(:hover,:focus-within) .mhcv-more a::after, body .mh-site-page .mh-section--news .mh-news-card:is(:hover,:focus-within) .mh-news-outline-button::after { right:18px !important; } /* Touch / press anywhere on the card: same pressed feedback as HOME CONCERNS. */ body .mh-site-page .mh-service-card:active :is(.mh-button,.mh-button--outline), body .mh-site-page .mh-section--works .mh-work-card:active .mh-work-card-link a, body .mh-site-page .mh-about-layout:active .mh-about-copy .mh-button, body .mh-site-page .mh-section--voices .mhcv-card:active .mhcv-more a, body .mh-site-page .mh-section--news .mh-news-card:active .mh-news-outline-button { background:#FFE7D0 !important; border-color:var(--mh-brand) !important; color:var(--mh-brown) !important; box-shadow:none !important; transform:translateY(2px); } body .mh-site-page .mh-service-card:active :is(.mh-button,.mh-button--outline)::after, body .mh-site-page .mh-section--works .mh-work-card:active .mh-work-card-link a::after, body .mh-site-page .mh-about-layout:active .mh-about-copy .mh-button::after, body .mh-site-page .mh-section--voices .mhcv-card:active .mhcv-more a::after, body .mh-site-page .mh-section--news .mh-news-card:active .mh-news-outline-button::after { right:18px !important; }