/* Native campaign demonstrations and service-specific compositions. */
:root{--mx-campaign-green:#536049;--mx-campaign-warm:#eadccc;--mx-campaign-accent-ink:#9d3518}
.mx-campaign-page,.mx-campaign-section{padding:64px var(--mx-space);margin-block-start:0}
.mx-campaign-page h1{font-size:clamp(42px,5vw,76px);line-height:1.04;letter-spacing:-.055em;margin:24px 0}
.mx-campaign-section h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 34px}
.mx-campaign-section h3{font-size:clamp(25px,2.5vw,36px);line-height:1.14;letter-spacing:-.035em}
.mx-campaign-page .mx-lead{font-size:20px;line-height:1.6;max-width:690px}
.mx-campaign-page .wp-block-buttons{margin-top:28px;gap:12px}
.mx-campaign-page .wp-block-button__link{background:var(--mx-ink);color:var(--mx-paper);border:1px solid var(--mx-ink)}
.mx-campaign-page .wp-block-button:nth-child(2) .wp-block-button__link{background:transparent;color:inherit;border-color:currentColor}
.mx-campaign-page .mx-art-back{font-size:14px;margin:0 0 42px}
.mx-campaign-page .mx-art-back a{color:inherit}
.mx-art-image{margin:0;min-width:0}
.mx-art-image img{display:block;width:100%;height:auto}
.mx-art-caption{font-size:14px;line-height:1.6;max-width:900px;margin:22px 0 0;color:var(--mx-muted)}
:is(.mx-campaign-page,.mx-campaign-section) .mx-detail-controls{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
:is(.mx-campaign-page,.mx-campaign-section) .mx-detail-controls .wp-block-button__link{font-size:15px;padding:12px 20px;border:1px solid var(--mx-line);border-radius:30px;background:var(--mx-paper);color:var(--mx-ink)}
:is(.mx-campaign-page,.mx-campaign-section) .mx-detail-controls [aria-pressed="true"]{background:var(--mx-ink);color:var(--mx-paper);border-color:var(--mx-ink)}
:is(.mx-campaign-page,.mx-campaign-section) .mx-detail-panel{margin:0}
:is(.mx-campaign-page,.mx-campaign-section) [hidden]{display:none}
:is(.mx-campaign-page,.mx-campaign-section) .mx-detail-panels>.mx-detail-panel+.mx-detail-panel{margin-top:30px}
:is(.mx-campaign-page,.mx-campaign-section) .mx-detail-panels>.mx-detail-panel.is-selected{margin-top:0}
.mx-search-hero{background:color-mix(in srgb,var(--mx-campaign-green) 12%,var(--mx-paper));padding-top:28px}
.mx-search-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center}
.mx-search-layout>*{min-width:0;margin:0}
.mx-search-copy h1 em{color:var(--mx-campaign-accent-ink)}
.mx-search-demo{background:var(--mx-paper);padding:28px;border:1px solid var(--mx-line);border-radius:22px;box-shadow:10px 10px 0 color-mix(in srgb,var(--mx-campaign-green) 22%,transparent)}
.mx-search-query{background:white;border:1px solid var(--mx-line);border-radius:50px;padding:16px 20px;margin:0 0 24px;font-size:18px}
.mx-search-query::before{content:'⌕';font-size:28px;margin-right:14px;vertical-align:middle;color:var(--mx-campaign-green)}
.mx-search-result{border-left:4px solid var(--mx-campaign-green);padding:16px 22px;min-height:280px}
.mx-search-result h3{font-size:30px;line-height:1.15;margin:14px 0}
.mx-search-result p{font-size:16px}
.mx-search-path{font-size:14px;border-top:1px solid var(--mx-line);padding-top:18px;margin:20px 0 0}
.mx-search-product{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:280px}
.mx-search-product>*{margin:0;min-width:0}
.mx-search-product img{border-radius:12px}
.mx-product-copy h3{font-size:28px;line-height:1.1;margin:12px 0}
.mx-product-copy p{font-size:15px}
.mx-search-demo .wp-block-button__link{font-size:14px;padding:12px 16px}
.mx-search-demo .mx-art-caption{font-size:12px}
.mx-campaign-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:36px 0}
.mx-campaign-step{padding:0 28px;margin:0;border-left:1px solid var(--mx-line);min-width:0}
.mx-campaign-step:first-child{padding-left:0;border-left:0}
.mx-campaign-step:last-child{padding-right:0}
.mx-campaign-step p{font-size:17px}
.mx-catalog-route{background:color-mix(in srgb,var(--mx-campaign-green) 8%,var(--mx-paper))}
.mx-catalog-route>p{max-width:1000px}
.mx-meta-hero{background:var(--mx-ink);color:var(--mx-paper);padding-top:28px}
.mx-meta-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.mx-meta-layout>*{margin:0;min-width:0}
.mx-meta-copy h1{font-size:clamp(42px,4.7vw,70px)}
.mx-meta-copy h1 em,.mx-meta-copy>.mx-eyebrow{color:var(--mx-accent)}
.mx-meta-copy .mx-lead{font-size:18px;color:var(--mx-paper)}
.mx-meta-hero .wp-block-button__link{background:var(--mx-accent);color:var(--mx-ink);border-color:var(--mx-accent)}
.mx-meta-art .mx-art-caption{color:var(--mx-paper)}
.mx-meta-art img{border-radius:2px}
.mx-meta-stages{background:var(--mx-campaign-warm)}
.mx-meta-stages .mx-art-caption{color:var(--mx-ink)}
.mx-stage-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.mx-stage-layout>*{min-width:0;margin:0}
.mx-stage-copy h3{font-size:clamp(28px,3vw,44px);margin:16px 0 22px}
.mx-stage-copy p{max-width:590px}
.mx-stage-layout img{border-radius:4px}
.mx-stage-return{grid-template-columns:1.2fr .8fr}
.mx-stage-return .mx-art-image{max-width:480px;justify-self:center}
.mx-seo-hero{background:var(--mx-paper);border-bottom:1px solid var(--mx-line);padding-top:28px}
.mx-seo-opening{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end}
.mx-seo-opening>*{margin:0;min-width:0}
.mx-seo-title h1{font-size:clamp(48px,6.4vw,96px);margin-bottom:0}
.mx-seo-title h1 em{font-family:Georgia,serif;font-weight:400;color:var(--mx-campaign-green);letter-spacing:-.065em}
.mx-seo-intro .mx-lead{font-size:19px}
.mx-seo-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:60px;border-top:1px solid var(--mx-ink);border-bottom:1px solid var(--mx-ink)}
.mx-seo-node{margin:0;padding:28px 30px;border-right:1px solid var(--mx-line);min-width:0}
.mx-seo-node:first-child{padding-left:0}
.mx-seo-node:last-child{border-right:0}
.mx-seo-node h3{font-size:24px;margin:14px 0}
.mx-seo-node p{font-size:15px}
.mx-seo-example{background:color-mix(in srgb,var(--mx-campaign-green) 12%,var(--mx-paper))}
.mx-seo-sheet{background:var(--mx-paper);padding:36px;border:1px solid var(--mx-line);border-top:6px solid var(--mx-muted);box-shadow:8px 8px 0 color-mix(in srgb,var(--mx-ink) 8%,transparent)}
.mx-seo-sheet-after{border-top-color:var(--mx-campaign-green)}
.mx-seo-sheet h3{font-size:clamp(28px,3vw,42px)}
.mx-seo-pages{padding:18px 0;border-block:1px solid var(--mx-line);font-size:16px}
.mx-marketing-art-hero{padding:58px var(--mx-space);overflow:visible}
.mx-marketing-art-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;align-items:center}
.mx-marketing-art-layout>*{margin:0;min-width:0}
.mx-marketing-art-hero h1{font-size:clamp(42px,4.8vw,70px);margin:22px 0;max-width:none}
.mx-marketing-art-hero .mx-lead{font-size:18px;color:var(--mx-ink)}
.mx-marketing-art-hero .mx-art-caption{color:var(--mx-ink)}
.mx-marketing-art-image img{border-radius:5px}
.mx-service-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mx-service-route{padding:28px;background:white;border:1px solid var(--mx-line);border-top:5px solid var(--mx-campaign-green);margin:0;display:flex;flex-direction:column;min-width:0}
.mx-service-route-meta{border-top-color:var(--mx-accent)}
.mx-service-route-seo{border-top-color:var(--mx-ink)}
.mx-service-route h3{margin:12px 0}
.mx-service-route p{font-size:17px}
.mx-service-route .wp-block-buttons{margin-top:auto;padding-top:18px}
.mx-service-route .wp-block-button{width:100%}
.mx-service-route .wp-block-button__link{width:100%}
.mx-marketing-plan{background:var(--mx-ink);color:var(--mx-paper)}
.mx-marketing-plan .mx-art-caption{color:var(--mx-paper)}
.mx-marketing-plan .mx-campaign-steps{margin-bottom:0}
.mx-marketing-plan .mx-campaign-step{border-color:var(--mx-muted)}
.mx-marketing-plan .mx-campaign-step .mx-eyebrow{color:var(--mx-accent)}
@media(min-width:1800px){.mx-meta-layout{grid-template-columns:.8fr 1.2fr}.mx-seo-title h1{font-size:104px}}
@media(max-width:1100px){.mx-meta-layout,.mx-marketing-art-layout{grid-template-columns:1fr;gap:30px}.mx-meta-copy{max-width:850px}.mx-meta-art,.mx-marketing-art-image{max-width:1000px}.mx-search-layout,.mx-seo-opening{gap:30px}.mx-search-product{grid-template-columns:1fr}.mx-search-product img{max-height:240px;object-fit:contain}.mx-service-routes{gap:14px}.mx-service-route{padding:23px}}
@media(max-width:800px){.mx-search-layout,.mx-seo-opening,.mx-stage-layout,.mx-stage-return{grid-template-columns:1fr;gap:30px}.mx-search-demo{max-width:650px}.mx-search-product{grid-template-columns:1fr 1fr}.mx-service-routes{grid-template-columns:1fr}.mx-service-route .wp-block-buttons{align-self:flex-start}.mx-campaign-steps{grid-template-columns:1fr;gap:24px}.mx-campaign-step,.mx-campaign-step:first-child,.mx-campaign-step:last-child{padding:20px 0 0;border-left:0;border-top:1px solid var(--mx-muted)}.mx-seo-map{grid-template-columns:1fr;margin-top:35px}.mx-seo-node,.mx-seo-node:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--mx-line)}.mx-seo-node:last-child{border-bottom:0}.mx-stage-return .mx-art-image{max-width:380px}.mx-seo-sheet{padding:26px}}
@media(max-width:480px){.mx-campaign-page,.mx-campaign-section{padding-block:42px}.mx-campaign-page .mx-art-back{margin-bottom:28px}.mx-search-demo{padding:20px;box-shadow:6px 6px 0 color-mix(in srgb,var(--mx-campaign-green) 22%,transparent)}.mx-search-product{grid-template-columns:1fr}.mx-search-result{padding:12px 16px;min-height:0}.mx-campaign-page>.mx-art-back{margin-top:0}.mx-campaign-page .wp-block-buttons:not(.mx-detail-controls){flex-direction:column;align-items:stretch}.mx-campaign-page .wp-block-button__link{width:100%}.mx-seo-title h1{font-size:48px}.mx-campaign-page .mx-lead{font-size:18px}.mx-search-query{font-size:15px;padding:12px}.mx-art-caption{font-size:13px}}