/* Editable service demonstrations and supporting sales sections. */
.mx-detail-hero{padding:35px var(--mx-space) 70px;position:relative;overflow:hidden}
.mx-detail-web{background:var(--mx-ink);color:var(--mx-paper)}
.mx-detail-shop{background:#dce7ce}
.mx-detail-back{font-size:14px;margin:0 0 45px}
.mx-detail-back a{display:inline-block;padding:12px 0;color:inherit;font-weight:600}
.mx-detail-hero h1{font-size:clamp(44px,6.7vw,96px);max-width:1200px;letter-spacing:-.055em;line-height:1.04}
.mx-detail-web em{color:#ff986f}
.mx-detail-shop em{color:#36512d}
.mx-detail-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-top:40px}
.mx-detail-hero-bottom>*{margin:0}
.mx-detail-web .mx-lead{color:#d7dacf}
.mx-detail-hero .wp-block-buttons{max-width:360px;flex-shrink:0}
.mx-detail-hero .wp-block-button:last-child a{background:transparent;color:inherit;border:1px solid currentColor}
.mx-detail-web .wp-block-button:first-child a{background:#ff986f;color:var(--mx-ink)}
.mx-detail-showcase{padding:65px var(--mx-space);background:#eeeae2}
.mx-showcase-shop{background:#f1efe8}
.mx-detail-showcase>.mx-lead{max-width:760px}
.mx-detail-controls{display:flex;gap:10px;margin:30px 0 22px}
.mx-detail-controls a{background:transparent;color:var(--mx-ink);border:1px solid #73766c;border-radius:40px;padding:14px 25px}
.mx-detail-controls a[aria-pressed=true]{background:var(--mx-ink);color:var(--mx-paper)}
.mx-detail-panels{margin:0}
.mx-detail-panel{padding:36px;min-height:470px;border:1px solid #9b9e91;overflow:hidden;margin:20px 0 0;border-radius:10px}
.mx-detail-panel[hidden]{display:none}
.mx-detail-panel>.mx-demo-label{margin:0 0 30px}
.mx-direction-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;margin:0}
.mx-direction-copy h3{font-size:clamp(32px,4.6vw,65px);line-height:1.04;letter-spacing:-.045em;margin:0 0 28px}
.mx-direction-copy>p{max-width:530px}
.mx-concept-links{font-size:13px;border-top:1px solid currentColor;padding-top:22px;margin-top:35px}
.mx-direction-art{min-height:310px;display:flex;align-items:center;justify-content:center;margin:0;position:relative;isolation:isolate}
.mx-direction-mark{font-size:clamp(40px,5vw,76px);font-weight:800;line-height:1;letter-spacing:-.065em;transform:rotate(-8deg);text-align:center}
.mx-direction-calm{background:#f8f5eb;color:#343e2c}
.mx-direction-calm .mx-direction-art{background:linear-gradient(125deg,#c4cdaf 50%,#9fa98c 50%);border-radius:160px 160px 10px 10px}
.mx-direction-bold{background:#4b2470;color:#fff4df}
.mx-direction-bold .mx-direction-art{background:#f0ff80;border-radius:50%;color:#352048;transform:rotate(8deg);box-shadow:14px 14px 0 #bd9ed7}
.mx-direction-bold .mx-direction-layout{grid-template-columns:1fr 1fr}
.mx-direction-clear{background:#dfeaf3;color:#173347}
.mx-direction-clear .mx-direction-art{background:repeating-linear-gradient(0deg,transparent 0 29px,#839bab40 30px),repeating-linear-gradient(90deg,#dfeaf3 0 29px,#839bab40 30px);border:1px solid #839bab;border-radius:10px}
.mx-direction-clear .mx-direction-mark{transform:none;border:2px solid #173347;background:#fff;padding:30px;font-size:clamp(30px,4vw,50px);box-shadow:12px 12px 0 #173347}
.mx-demo-disclaimer{font-size:13px;line-height:1.6;color:#56594f;max-width:900px;margin-top:20px}
.mx-product-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#fffdf6;padding:0;min-height:530px}
.mx-product-copy{padding:35px 40px 35px 0;margin:0}
.mx-product-copy h3{font-size:clamp(30px,3.5vw,48px);line-height:1.1}
.mx-product-art{background:#e8dfcf;min-height:530px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;margin:0;--lamp:#bd895d}
.mx-product-sage .mx-product-art{background:#dce6d3;--lamp:#58724b}
.mx-product-graphite .mx-product-art{background:#dadfdf;--lamp:#344647}
.mx-product-art>p{margin:0}
.mx-lamp{position:relative;width:230px;height:300px;margin:25px auto;filter:drop-shadow(16px 20px 10px #20211e20)}
.mx-lamp p{font-size:0;margin:0;background:var(--lamp);position:absolute}
.mx-lamp-shade{width:230px;height:135px;border-radius:125px 125px 12px 12px;top:10px;box-shadow:inset -25px -10px 40px #0002,inset 15px 5px 20px #fff3;z-index:2}
.mx-lamp-stem{width:18px;height:160px;top:130px;left:106px;box-shadow:inset -6px 0 7px #0002}
.mx-lamp-base{width:160px;height:20px;border-radius:50%;bottom:0;left:35px;box-shadow:inset -12px -4px 9px #0002}
.mx-product-benefits{border-top:1px solid var(--mx-line);margin-top:25px}
.mx-product-benefits p{padding-block:12px;border-bottom:1px solid var(--mx-line);margin:0;font-size:14px}
.mx-detail-benefits{padding:65px var(--mx-space);display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.mx-detail-benefit{margin:0;border-top:2px solid var(--mx-ink);padding-top:20px}
.mx-detail-benefit h3{font-size:29px}
.mx-detail-process{padding:70px var(--mx-space);background:var(--mx-ink);color:var(--mx-paper);display:grid;grid-template-columns:1fr 1fr;gap:70px}
.mx-detail-process .mx-lead{color:#d7dacf}
.mx-detail-process .mx-eyebrow{color:#ff986f}
.mx-detail-steps{margin:0}
.mx-detail-step{display:grid;grid-template-columns:50px 1fr;gap:20px;border-top:1px solid #74786c;padding-block:22px;margin:0}
.mx-process-number{font-size:28px;color:#ff986f;margin:0}
.mx-process-copy{margin:0}
.mx-process-copy h3{font-size:24px;margin:0}
.mx-process-copy p{color:#d7dacf;margin:12px 0 0}
.mx-detail-hero~.mx-section{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:18px}
.mx-detail-hero~.mx-section>*{margin:0}
.mx-detail-hero~.mx-section>.mx-eyebrow{grid-column:1/-1}
.mx-detail-hero~.mx-section>h2{grid-column:1;grid-row:2/span 5;font-size:clamp(32px,3.6vw,50px)}
.mx-detail-hero~.mx-section>p:not(.mx-eyebrow),.mx-detail-hero~.mx-section>details{grid-column:2}
.mx-detail-growth{padding:65px var(--mx-space);background:#dce7ce}
.mx-detail-growth .mx-lead{max-width:800px}
@media(prefers-reduced-motion:no-preference){
 .mx-detail-panel.is-selected{animation:mx-rise .4s ease-out both}
 .mx-detail-hero h1{animation:mx-rise .6s ease-out both}
 .mx-direction-art{transition:transform .3s ease}
 .mx-direction-art:hover{transform:rotate(0) translateY(-5px)}
}
@media(max-width:1000px){
 .mx-detail-hero-bottom{display:block}.mx-detail-hero .wp-block-buttons{margin-top:25px;max-width:none}
 .mx-direction-layout{gap:25px}.mx-detail-process{gap:30px}
 .mx-product-panel{gap:25px}.mx-product-copy{padding:25px 25px 25px 0}
}
@media(max-width:700px){
 .mx-detail-hero{padding-block:20px 45px}.mx-detail-back{margin-bottom:30px}.mx-detail-hero h1{font-size:clamp(42px,10vw,65px)}
 .mx-detail-showcase,.mx-detail-process,.mx-detail-benefits,.mx-detail-growth{padding-block:45px}
 .mx-detail-controls{gap:8px}.mx-detail-controls .wp-block-button{flex:1 1 100%}.mx-detail-controls a{width:100%;padding:12px}
 .mx-detail-panel{padding:24px;min-height:0}.mx-direction-layout,.mx-direction-bold .mx-direction-layout{grid-template-columns:1fr;gap:20px}
 .mx-direction-copy h3{font-size:38px}.mx-direction-art{min-height:220px}.mx-direction-mark{font-size:55px}.mx-concept-links{margin-top:20px}
 .mx-product-panel{grid-template-columns:1fr;padding:0;gap:0}.mx-product-art{min-height:400px;padding:24px}.mx-product-copy{padding:24px}
 .mx-lamp{transform:scale(.8);margin:0 auto;width:230px;height:300px}
 .mx-detail-benefits,.mx-detail-process{grid-template-columns:1fr;gap:25px}
 .mx-detail-hero~.mx-section{display:block}.mx-detail-hero~.mx-section>*+*{margin-top:20px}
}

/* Dropshipping: editable order-to-delivery steps. */
.mx-shop-automation{padding:80px var(--mx-space);background:#263321;color:#f5f4ee}.mx-shop-automation-heading{max-width:900px}.mx-shop-automation-heading .mx-eyebrow,.mx-shop-step-number{color:#d3e9b7}.mx-shop-automation .mx-lead{max-width:850px;color:#e1e8da}.mx-shop-automation-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-block:45px}.mx-shop-automation-step{margin:0;border-top:1px solid #8d9d7f;padding-top:22px;min-width:0}.mx-shop-step-number{font-size:28px;margin:0}.mx-shop-automation-step h3{font-size:26px;line-height:1.2}.mx-shop-automation-step p:last-child{font-size:16px;color:#e1e8da}.mx-shop-automation-scope{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #8d9d7f;padding-top:30px}.mx-shop-automation-scope>div{margin:0;min-width:0}.mx-shop-automation-scope h3{font-size:30px;margin-top:0}.mx-shop-automation-scope p{font-size:17px;color:#e1e8da}.mx-shop-automation>.wp-block-buttons{margin-top:30px}.mx-shop-automation .wp-block-button a{background:#d3e9b7;color:#20211e}.mx-shop-automation a:focus-visible{outline-color:#d3e9b7}
@media(max-width:1100px){.mx-shop-automation-flow{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mx-shop-automation{padding-block:50px}.mx-shop-automation-flow,.mx-shop-automation-scope{grid-template-columns:1fr;gap:25px}.mx-shop-automation-flow{margin-block:30px}}

/* Native images in the shop offer. */
:is(.mx-shop-hero-layout,.mx-web-hero-layout){display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
:is(.mx-shop-hero-layout,.mx-web-hero-layout)>*{margin:0;min-width:0}
:is(.mx-shop-hero-copy,.mx-web-hero-copy) h1{font-size:clamp(44px,5.2vw,75px)}
:is(.mx-shop-hero-copy,.mx-web-hero-copy) .mx-detail-hero-bottom{display:block;margin-top:28px}
:is(.mx-shop-hero-copy,.mx-web-hero-copy) .wp-block-buttons{margin-top:28px}
:is(.mx-shop-hero-image,.mx-web-hero-image) img,.mx-product-image img,.mx-shop-shipping-image img{display:block;width:100%;height:auto}
:is(.mx-shop-hero-image,.mx-web-hero-image) img,.mx-shop-shipping-image img{border-radius:9px}
.mx-product-panel:has(.mx-product-image){min-height:0}
.mx-product-image{margin:0;min-width:0}
.mx-shop-shipping-image{margin-block:35px}
.mx-shop-shipping-image figcaption{font-size:13px;color:#e1e8da;text-align:left}
@media(max-width:1000px){:is(.mx-shop-hero-layout,.mx-web-hero-layout){grid-template-columns:1fr;gap:35px}:is(.mx-shop-hero-image,.mx-web-hero-image){max-width:850px;width:100%;margin-inline:auto}}

.mx-web-concept-layout{display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:40px}
.mx-web-concept-layout>*{margin:0;min-width:0}
.mx-web-concept-copy h3{font-size:clamp(28px,3vw,42px);line-height:1.1}
.mx-web-concept-image figcaption{color:inherit;font-size:12px;text-align:left}
.mx-web-concept-image img{display:block;width:100%;height:auto;border-radius:6px}
@media(max-width:900px){.mx-web-concept-layout{grid-template-columns:1fr;gap:25px}}