/*
Theme Name: MData Block Theme
Theme URI: https://mdata.dev/
Author: MData
Description: Editorial, visually editable block theme for MData.
Version: 1.2.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mdata-block-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--mdata-cream:#f7f2e8;--mdata-ink:#101010;--mdata-blue:#0755f9;--mdata-orange:#ff5525;--mdata-pink:#f18ac4;}
html{scroll-behavior:smooth}
body{background:var(--mdata-cream);color:var(--mdata-ink);font-family:Manrope,Arial,sans-serif;margin:0}
.wp-site-blocks{overflow:hidden}
.wp-site-blocks>header{position:relative;z-index:5}
.wp-site-blocks .alignwide{max-width:1500px!important;width:calc(100% - 64px);margin-left:auto!important;margin-right:auto!important}
.mdata-header{padding:24px 0 18px!important;min-height:76px;box-sizing:border-box}
.mdata-brand,.wp-block-site-title{font-size:clamp(1.8rem,2.4vw,2.6rem)!important;letter-spacing:-.075em!important;font-weight:600!important;line-height:1!important}
.mdata-brand a,.wp-block-site-title a{color:var(--mdata-ink);text-decoration:none}
.mdata-navigation .wp-block-navigation-item__content{font-size:13px;font-weight:600;color:var(--mdata-ink);text-decoration:none}
.mdata-navigation .wp-block-navigation__container{gap:clamp(14px,2.2vw,34px)}
.mdata-home{margin:0!important}
.mdata-hero{position:relative;display:grid!important;grid-template-columns:minmax(320px,42%) minmax(0,58%);align-items:stretch;min-height:560px;margin-top:0!important;margin-bottom:0!important;background:var(--mdata-cream);isolation:isolate}
.mdata-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,4.2vw,68px) 0 clamp(36px,4vw,54px) clamp(6px,2.8vw,42px)!important;max-width:none!important}
.mdata-headline{font-size:clamp(4.2rem,8.1vw,8.4rem)!important;line-height:.84!important;letter-spacing:-.09em!important;font-weight:800!important;margin:0 0 28px!important;max-width:680px}
.mdata-dot{color:var(--mdata-orange)}
.mdata-intro{font-size:clamp(1rem,1.35vw,1.45rem)!important;line-height:1.28!important;max-width:460px;margin:0 0 28px!important;letter-spacing:-.035em}
.mdata-cta-row{margin:0!important}
.mdata-cta .wp-block-button__link,.mdata-contact-button .wp-block-button__link{background:#080808;color:#fff;border-radius:4px;padding:14px 23px;font-size:14px;font-weight:700;text-decoration:none;display:flex;gap:26px;align-items:center;box-shadow:none}
.mdata-cta .wp-block-button__link:hover,.mdata-contact-button .wp-block-button__link:hover{background:var(--mdata-blue);color:#fff}
.mdata-hero-visual{position:relative;min-width:0;min-height:560px;margin:0!important;overflow:visible!important}
.mdata-photo{position:absolute!important;inset:0 0 0 0;margin:0!important;width:100%;height:100%;z-index:1}
.mdata-photo img{width:100%!important;height:100%!important;object-fit:cover;object-position:50% 48%;display:block;border-radius:0!important}
.mdata-shape{position:absolute;z-index:2;pointer-events:none}
.mdata-shape-orange{top:-2px;left:-9%;width:23%;height:42%;background:var(--mdata-orange);transform:skew(-17deg);opacity:.98}
.mdata-shape-pink{bottom:-1px;left:-3%;width:18%;height:27%;background:var(--mdata-pink);transform:rotate(-15deg) skew(-7deg);opacity:.97}
.mdata-services{position:relative;z-index:4;margin:0!important;padding:0!important}
.mdata-service-columns{margin:0!important;gap:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
.mdata-service{margin:0!important;padding:22px clamp(18px,2.6vw,42px) 26px!important;min-height:208px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:18px}
.mdata-service-blue{background:var(--mdata-blue);color:#050505}
.mdata-service-orange{background:var(--mdata-orange);color:#050505}
.mdata-service-pink{background:var(--mdata-pink);color:#050505}
.mdata-service-number{font-size:12px!important;font-weight:700;margin:0!important;line-height:1}
.mdata-service-content{display:grid!important;grid-template-columns:clamp(48px,5vw,82px) minmax(0,1fr) 28px;gap:clamp(12px,1.5vw,25px);align-items:center;width:100%;margin:0!important}
.mdata-service-icon{width:clamp(42px,4.8vw,70px);height:auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mdata-chart-icon{fill:currentColor;stroke:none}
.mdata-service-text{gap:10px!important;margin:0!important}
.mdata-service-text h3{font-size:clamp(1.05rem,1.55vw,1.55rem)!important;line-height:1.03!important;letter-spacing:-.055em!important;font-weight:800!important;margin:0!important}
.mdata-service-text p{font-size:clamp(.82rem,1vw,1rem)!important;line-height:1.32!important;margin:0!important;max-width:250px}
.mdata-service-arrow{font-size:clamp(1.6rem,2.2vw,2.4rem)!important;line-height:1;margin:0!important;justify-self:end}
.mdata-contact{padding-top:70px!important;padding-bottom:70px!important;gap:24px}
.mdata-contact h2{font-size:clamp(2rem,4vw,4rem)!important;letter-spacing:-.07em!important;line-height:.95!important;margin:0!important}
.mdata-contact .wp-block-buttons{margin:0!important}
footer .wp-block-group{padding-top:22px!important;padding-bottom:22px!important}
/* Keep the layout close to the visual concept on tablets and phones. */
@media(max-width:900px){.wp-site-blocks .alignwide{width:calc(100% - 36px)}.mdata-hero{grid-template-columns:minmax(0,44%) minmax(0,56%);min-height:480px}.mdata-hero-visual{min-height:480px}.mdata-headline{font-size:clamp(3.4rem,8.2vw,5.5rem)!important}.mdata-service{padding:18px 16px 22px!important;min-height:190px}.mdata-service-content{grid-template-columns:42px minmax(0,1fr);gap:12px}.mdata-service-arrow{display:none}.mdata-service-icon{width:40px}.mdata-service-text h3{font-size:1.08rem!important}}
@media(max-width:620px){.mdata-header{padding:18px 0!important;align-items:flex-start!important}.mdata-brand,.wp-block-site-title{font-size:1.8rem!important}.mdata-navigation .wp-block-navigation__container{gap:10px}.mdata-navigation .wp-block-navigation-item__content{font-size:11px}.mdata-hero{display:flex!important;flex-direction:column;min-height:0}.mdata-hero-copy{padding:30px 18px 28px!important}.mdata-headline{font-size:clamp(4rem,17vw,6.6rem)!important;margin-bottom:20px!important}.mdata-intro{font-size:1.05rem!important;max-width:420px;margin-bottom:22px!important}.mdata-hero-visual{min-height:360px;height:360px;margin:0!important}.mdata-shape-orange{left:8%;width:22%;height:35%}.mdata-shape-pink{left:5%;width:18%;height:24%}.mdata-service-columns{grid-template-columns:1fr!important}.mdata-service{min-height:0;padding:20px 22px 24px!important}.mdata-service-content{grid-template-columns:54px minmax(0,1fr) 28px;gap:16px}.mdata-service-icon{width:48px}.mdata-service-arrow{display:block}.mdata-service-text h3{font-size:1.35rem!important}.mdata-service-text p{font-size:.95rem!important}.mdata-contact{padding-top:48px!important;padding-bottom:48px!important}.mdata-contact h2{max-width:340px}}

/* v1.2: clean wordmark and fully clickable service tiles */
.mdata-brand{margin:0!important;font-size:clamp(1.8rem,2.4vw,2.6rem)!important;letter-spacing:-.075em!important;font-weight:600!important;line-height:1!important}
.mdata-brand a{color:var(--mdata-ink)!important;text-decoration:none!important}
.mdata-service{isolation:isolate;transition:filter .18s ease}
.mdata-service-link{position:absolute;inset:0;z-index:8;display:block;text-decoration:none!important}
.mdata-service-link:focus-visible{outline:3px solid #111;outline-offset:-6px}
.mdata-service:hover{filter:brightness(.96)}
.mdata-service:hover .mdata-service-arrow{transform:translateX(5px)}
.mdata-service-arrow{transition:transform .18s ease}