/*
Theme Name: monoxsculp Child
Description: Child theme for monoxsculp theme
Author:
Author URI:
Template: monoxsculp
Version: 1.0.0
Text Domain: uncode
*/
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=Hanken+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");
/* =========================================================
   Mono X Sculp — site styles (8finite)
   Built on Uncode + WPBakery. Pages use rows with the classes
   mxs-row (+ mxs-home on the homepage, mxs-in on inner pages).
   Cream ground, charcoal, terracotta accent.
   ========================================================= */
:root{
  --plaster:#F4EBDF;
  --plaster-2:#E8DCCB;
  --card:#FBF6EF;
  --concrete:#A9A39C;
  --stone:#57524C;
  --ink:#1D1A16;
  --ink-2:#2A2621;
  --ink-3:#3A352F;
  --copper:#A0563A;
  --copper-hi:#D98A62;
  --on-ink:#F4EBDF;
  --on-ink-dim:#A39C93;
  --hair:rgba(29,26,22,.16);
  --hair-ink:rgba(244,235,223,.14);
  --f-display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --f-body:"Hanken Grotesk",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --gut-l:max(16px, env(safe-area-inset-left, 0px));
  --gut-r:max(16px, env(safe-area-inset-right, 0px));
  --sp:clamp(20px, 4.4vw, 64px);
  --pad-x:calc(var(--gut-l) + var(--sp) - 16px);
  --ease:cubic-bezier(.2,.8,.2,1);
  --hdr:72px;
}

/* ---------- base ---------- */
html,body,.box-wrapper,.box-container,.main-wrapper,.main-container,.page-wrapper,.main-container .style-light-bg{background-color:var(--plaster)!important}
body{font-family:var(--f-body);color:var(--ink);-webkit-font-smoothing:antialiased}
.main-container{overflow:visible}
body .main-wrapper,body .box-container{overflow:visible}
html{overflow-x:clip}
.mxs-row,.mxs-row p,.mxs-row li{font-family:var(--f-body);font-size:17px;line-height:1.6;color:inherit}
.mxs-row{color:var(--ink)}
.mxs-row a{color:inherit;text-decoration:none}
.mxs-row img{max-width:100%;display:block}
.mxs-row button{font:inherit;color:inherit}
.mxs-row :focus-visible{outline:2px solid var(--copper);outline-offset:4px;border-radius:6px}
.mxs-row *,.mxs-row *::before,.mxs-row *::after{box-sizing:border-box}
.mxs-row .wrap{max-width:1440px;margin:0 auto;padding-left:var(--pad-x);padding-right:calc(var(--gut-r) + var(--sp) - 16px)}
.mxs-row .mono{font-family:var(--f-mono)!important;font-size:12.5px!important;letter-spacing:.06em;text-transform:uppercase}
.mxs-row .tbc{color:var(--stone)}
.mxs-row .sel{user-select:all}

/* ---------- Uncode resets inside our rows ---------- */
.box-wrapper{overflow:clip!important}
.mxs-row li{list-style:none}
.mxs-row ul,.mxs-row ol{padding-left:0!important;margin-left:0}
.mxs-row blockquote{border:0!important;padding:0!important;margin:0;font-style:normal}
.mxs-row blockquote::before,.mxs-row blockquote::after{display:none}
.mxs-head .uncell,.mxs-cta .uncell,.mxs-enqhead .uncell,.mxs-head .uncont>*,.mxs-cta .uncont>*,.mxs-enqhead .uncont>*,.mxs-head .heading-text,.mxs-cta .heading-text,.mxs-enqhead .heading-text{text-align:center!important}
.mxs-head .uncont,.mxs-cta .uncont,.mxs-enqhead .uncont{text-align:center!important}
.mxs-row .wpcf7 .form p{display:contents}
.mxs-row .wpcf7 .form br{display:none}

/* ---------- Uncode row normaliser: rows behave like plain sections ---------- */
.mxs-row > .row{padding:0!important;max-width:1440px;margin:0 auto}
.mxs-row.mxs-full > .row{max-width:none!important}
.mxs-row:not(.mxs-full) > .row{padding-left:var(--pad-x)!important;padding-right:calc(var(--gut-r) + var(--sp) - 16px)!important}
.mxs-row .row-inner{margin:0!important}
.mxs-row .row-inner > .wpb_column{padding:0!important}
.mxs-row .uncell{padding:0!important}
.mxs-row .uncont > *{margin-top:0!important;margin-bottom:0!important}
.mxs-row .uncont > .wpb_raw_html{width:100%}
.mxs-row .wpb_raw_html .wpb_wrapper{display:contents}
.mxs-row .uncode_text_column > p:last-child{margin-bottom:0}
.mxs-row .uncode_text_column > p:first-child{margin-top:0}
.mxs-row .vc_custom_heading_wrap .heading-text > *{margin:0}
.mxs-row .vc_custom_heading_wrap .clear{display:none}

/* two-column native rows (label | content, image | text) */
@media (min-width:960px){
  .mxs-2col .row-inner > .wpb_column:first-child{padding-right:clamp(20px,5vw,80px)!important}
}
@media (max-width:959px){
  .mxs-2col .row-inner > .wpb_column + .wpb_column{margin-top:clamp(20px,5vw,40px)}
}

/* native buttons rendered as pills */
.mxs-row .btn-container{display:inline-block;margin-top:clamp(28px,3.4vw,40px)!important}
.mxs-row .btn.pill-btn{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 24px!important;border-radius:999px!important;font-family:var(--f-body)!important;font-weight:600!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;border:0!important;box-shadow:none!important;line-height:1!important;transition:background .3s var(--ease),color .3s var(--ease)}
.mxs-row .btn.pill-btn::after{content:"";width:12px;height:12px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M2 10 10 2M4 2h6v6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M2 10 10 2M4 2h6v6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.mxs-row .btn.pill-btn:hover::after{transform:translate(2px,-2px)}
.mxs-row .btn.pill-copper{background:var(--copper)!important;color:var(--on-ink)!important}
.mxs-row .btn.pill-copper:hover{background:var(--on-ink)!important;color:var(--ink)!important}
.mxs-row .btn.pill-ink{background:var(--ink)!important;color:var(--on-ink)!important}
.mxs-row .btn.pill-ink:hover{background:var(--copper)!important;color:var(--on-ink)!important}
.mxs-row .btn.link-btn{background:none!important;border:0!important;padding:0!important;min-height:44px;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-body)!important;font-weight:600!important;font-size:17px!important;text-transform:none!important;letter-spacing:0!important;color:var(--copper)!important;box-shadow:none!important}
.mxs-row .btn.link-btn::after{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M2 10 10 2M4 2h6v6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M2 10 10 2M4 2h6v6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.mxs-row .btn.link-btn:hover{color:var(--ink)!important}
.mxs-row .btn.link-btn:hover::after{transform:translate(2px,-2px)}

/* ---------- shared native blocks ---------- */
/* section head: title + intro (+ link) on one line, rule above */
.mxs-sechead .uncont{display:flex!important;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;border-top:1.5px solid var(--copper);padding-top:28px}
.mxs-sechead .uncont > .uncode_text_column{max-width:40ch;color:var(--stone)}
.mxs-sechead .uncont > .uncode_text_column p{color:var(--stone)}
.mxs-sechead .btn-container{margin-top:0!important}
.mxs-row .h2,.mxs-row .h2 :is(h1,h2,h3):not(.font-size-custom){font-family:var(--f-display)!important;font-weight:800!important;font-stretch:118%;letter-spacing:-.04em!important;line-height:.95!important;font-size:clamp(40px,6.4vw,104px)!important;margin:0;text-wrap:balance;color:var(--copper)!important;text-transform:none!important}

/* page title band (Projects, Insights, Contact) */
.mxs-head{text-align:center;padding-top:clamp(48px,7vw,104px)!important;padding-bottom:clamp(28px,4vw,56px)!important}
.mxs-head .uncont{align-items:center}
.mxs-head .crumb{color:var(--copper)}
.mxs-head .crumb p{color:var(--copper)}
.mxs-head .vc_custom_heading_wrap{margin-top:20px!important}
.mxs-head .vc_custom_heading_wrap :is(h1,h2):not(.font-size-custom){font-family:var(--f-display)!important;font-weight:800!important;font-stretch:120%;font-size:clamp(56px,11vw,184px)!important;line-height:.88!important;letter-spacing:-.055em!important;color:var(--copper)!important;text-wrap:balance;text-transform:none!important}
.mxs-head .lede-c{margin:22px auto 0!important;max-width:46ch;color:var(--stone)}
.mxs-head .lede-c p{font-size:clamp(16px,1.4vw,19px);color:var(--stone)}
.js .mxs-head .vc_custom_heading_wrap{animation:mxsRise 1s var(--ease) both}
.js .mxs-head .lede-c,.js .mxs-head .crumb{animation:mxsRise .9s var(--ease) .2s both}
@keyframes mxsRise{from{opacity:0;transform:translateY(18px)}}

/* label | big title + lede (About) */
.mxs-split .label,.mxs-split .label p{color:var(--copper);padding-top:.6em}
.mxs-split .big :is(h1,h2):not(.font-size-custom){font-family:var(--f-display)!important;font-weight:800!important;font-stretch:115%;font-size:clamp(36px,5vw,80px)!important;line-height:1!important;letter-spacing:-.045em!important;color:var(--copper)!important;text-wrap:balance;text-transform:none!important}
.js .mxs-split .big{animation:mxsRise 1s var(--ease) both}
.mxs-split .lede{margin-top:clamp(24px,3vw,40px)!important;max-width:62ch}
.mxs-split .lede p{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--ink);margin:0 0 16px}
.mxs-split .lede p + p{color:var(--stone);font-size:17px}
.mxs-split .lede p:last-child{margin-bottom:0}

/* section rhythm on inner pages */
.mxs-pt{padding-top:clamp(72px,9vw,140px)!important}
.mxs-pb{padding-bottom:clamp(72px,9vw,140px)!important}
.mxs-rule > .row{position:relative}
.mxs-rule > .row::before{content:"";position:absolute;left:var(--pad-x);right:calc(var(--gut-r) + var(--sp) - 16px);top:0;border-top:1px solid var(--hair)}

/* dark band */
.mxs-dark{background:var(--ink)!important;color:var(--on-ink)}
.mxs-dark .label,.mxs-dark .label p{color:var(--copper-hi)}
.mxs-dark .big :is(h1,h2){color:var(--copper-hi)!important}

/* adjoining dark rows: hide the sub-pixel seam */
.mxs-dark + .mxs-dark{margin-top:-1px!important}

/* CTA band */
.mxs-cta{text-align:center;padding-top:clamp(90px,11vw,170px)!important;padding-bottom:clamp(90px,11vw,170px)!important}
.mxs-cta .uncont{align-items:center}
.mxs-cta .mono,.mxs-cta .mono p{color:var(--copper-hi)}
.mxs-cta .vc_custom_heading_wrap{margin-top:20px!important}
.mxs-cta .vc_custom_heading_wrap :is(h1,h2):not(.font-size-custom){margin:0 auto!important;max-width:12ch;font-family:var(--f-display)!important;font-weight:800!important;font-stretch:118%;font-size:clamp(48px,8vw,128px)!important;line-height:.92!important;letter-spacing:-.05em!important;color:var(--copper-hi)!important;text-wrap:balance;text-transform:none!important}
.mxs-cta .lede-c{margin:22px auto 0!important;max-width:40ch}
.mxs-cta .lede-c p{color:var(--on-ink-dim)}
.mxs-cta .btn-container{margin-top:34px!important}

/* image | text (Contact: visit the workshop) */
.mxs-visit .row-inner > .wpb_column{vertical-align:middle!important}
.mxs-visit .uncode-single-media .t-entry-visual,.mxs-visit .uncode-single-media .uncode-single-media-wrapper{aspect-ratio:4/3;border-radius:22px;overflow:hidden}
.mxs-visit .uncode-single-media img{width:100%;height:100%;object-fit:cover}
.mxs-visit .mono p,.mxs-visit .mono{color:var(--copper)}
.mxs-visit .vc_custom_heading_wrap{margin-top:14px!important}
.mxs-visit .vc_custom_heading_wrap :is(h1,h2):not(.font-size-custom){font-family:var(--f-display)!important;font-weight:800!important;font-stretch:112%;font-size:clamp(30px,3.6vw,54px)!important;letter-spacing:-.04em!important;line-height:1!important;color:var(--copper)!important;text-transform:none!important}
.mxs-visit .lede{margin-top:16px!important;max-width:44ch}
.mxs-visit .lede p{color:var(--stone)}
.mxs-visit .btn-container{margin-top:24px!important}

/* ---------- Contact Form 7, styled as the enquiry form ---------- */
.mxs-row .wpcf7 form .form{display:grid;gap:16px}
.mxs-row .wpcf7 .f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:560px){.mxs-row .wpcf7 .f2{grid-template-columns:minmax(0,1fr)}}
.mxs-row .wpcf7 label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--on-ink-dim);min-width:0;margin:0}
.mxs-row .wpcf7 .wpcf7-form-control-wrap{display:block}
.mxs-row .wpcf7 input:not([type=submit]),.mxs-row .wpcf7 select,.mxs-row .wpcf7 textarea{font:inherit;font-family:var(--f-body);font-size:16px;color:var(--on-ink);background:var(--ink-2);border:1px solid var(--hair-ink);border-radius:12px;padding:13px 14px;min-height:48px;width:100%;margin:0;color-scheme:dark;box-shadow:none}
.mxs-row .wpcf7 textarea{height:auto}
.mxs-row .wpcf7 input::placeholder,.mxs-row .wpcf7 textarea::placeholder{color:#7d766d}
.mxs-row .wpcf7 input:focus,.mxs-row .wpcf7 select:focus,.mxs-row .wpcf7 textarea:focus{outline:2px solid var(--copper-hi);outline-offset:1px;border-color:transparent}
.mxs-row .wpcf7 input[type=file]{padding:11px}
.mxs-row .wpcf7 .form__end{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;position:relative}
.mxs-row .wpcf7 input[type=submit]{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;border-radius:999px;border:0;background:var(--copper);color:var(--on-ink);font-family:var(--f-body);font-weight:600;font-size:15px;letter-spacing:0;text-transform:none;cursor:pointer;width:auto;transition:background .3s var(--ease),color .3s var(--ease)}
.mxs-row .wpcf7 input[type=submit]:hover{background:var(--on-ink);color:var(--ink)}
.mxs-row .wpcf7 .wpcf7-spinner{margin:0 0 0 8px}
.mxs-row .wpcf7 .wpcf7-not-valid-tip{color:var(--copper-hi);font-size:13.5px;margin-top:6px}
.mxs-row .wpcf7 form .wpcf7-response-output{margin:16px 0 0;padding:12px 16px;border-radius:12px;border:1px solid var(--copper-hi)!important;color:var(--on-ink);font-size:14.5px}
.mxs-row .wpcf7 form.sent .wpcf7-response-output{border-color:#6f9e6a!important}

/* contact side panel next to the form */
.mxs-row .enq__side{display:grid;gap:0;align-content:start;border-top:1px solid var(--hair-ink)}
.mxs-row .enq__side>div{padding:18px 0;border-bottom:1px solid var(--hair-ink)}
.mxs-row .enq__side .mono{color:var(--copper-hi)}
.mxs-row .enq__side p{margin:8px 0 0;color:var(--on-ink)}
.mxs-row .enq__side a{color:var(--copper-hi)}
.mxs-row .enq__side a:hover{color:var(--on-ink)}
.mxs-row .enq__side .tbc{color:var(--on-ink-dim)}
.mxs-enq .row-inner > .wpb_column:first-child{width:61.5%}
@media(max-width:959px){.mxs-enq .row-inner > .wpb_column:first-child{width:100%}}

/* ---------- Uncode header, styled to the design ---------- */
#masthead .menu-container{background:rgba(244,235,223,.9)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--hair)!important;border:0!important}
#masthead .row-menu.limit-width{max-width:1440px}
#masthead .menu-horizontal-inner .menu-item > a,#masthead .menu-smart > li > a{font-family:var(--f-body)!important;font-weight:500!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important;color:var(--copper)!important}
#masthead .menu-smart > li > a:hover,#masthead .menu-smart > li.current-menu-item > a{color:var(--ink)!important}
#masthead .menu-smart > li.current-menu-item > a{position:relative}
#masthead .menu-smart > li.mxs-menu-cta > a{background:var(--ink);color:var(--on-ink)!important;border-radius:999px;padding:0 20px!important;min-height:42px;line-height:42px!important;display:inline-flex;align-items:center;gap:10px;font-weight:600!important;margin-left:12px}
#masthead .menu-smart > li.mxs-menu-cta > a:hover{background:var(--copper)}
#masthead .menu-smart > li.mxs-menu-cta > a::after{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M2 10 10 2M4 2h6v6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M2 10 10 2M4 2h6v6'/%3E%3C/svg%3E") center/contain no-repeat}
#masthead .navbar-brand img{height:30px!important;width:auto!important;max-height:30px}
@media(max-width:959px){
  #masthead .menu-smart > li > a{font-family:var(--f-display)!important;font-weight:800!important;font-size:26px!important;letter-spacing:-.03em!important}
  #masthead .menu-smart > li.mxs-menu-cta > a{background:none;color:var(--copper)!important;padding:0!important;margin:0}
  #masthead .menu-smart > li.mxs-menu-cta > a::after{display:none}
}

/* ---------- footer (Uncode content block) ---------- */
.mxs-foot{background:var(--ink)!important;color:var(--on-ink);padding-bottom:28px!important}
.mxs-foot .foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;padding-top:56px;border-top:1px solid var(--hair-ink)}
.mxs-foot .foot__cols h3{margin:0 0 12px;font-family:var(--f-body);font-weight:500;font-size:13px;letter-spacing:0;text-transform:none;color:var(--on-ink-dim)}
.mxs-foot .foot__cols p{margin:0;line-height:1.8;color:var(--on-ink)}
.mxs-foot .foot__cols a{color:var(--copper-hi)}
.mxs-foot .foot__cols a:hover{color:var(--on-ink)}
.mxs-foot .foot__logo{width:100%;height:auto;margin-top:clamp(56px,8vw,120px);opacity:.92}
.mxs-foot .foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--hair-ink);font-size:13px;color:var(--on-ink-dim)}
.mxs-foot .foot__base .tbc{color:var(--on-ink-dim)}
footer.site-footer,#colophon{background:var(--ink)!important}
footer .footer-last,.site-footer .footer-last{display:none!important}

@media (prefers-reduced-motion: reduce){
  .js .mxs-head .vc_custom_heading_wrap,.js .mxs-head .lede-c,.js .mxs-head .crumb,.js .mxs-split .big{animation:none}
}

/* header: no cart icon (desktop + mobile) */
#masthead .uncode-cart,#masthead .mobile-shopping-cart,#masthead [class*="uncode-cart"],.mobile-additional-icons .uncode-cart{display:none!important}

/* header: compact Contact Us pill */
#masthead .menu-smart > li.mxs-menu-cta{align-items:center!important;align-self:center}
#masthead .menu-smart > li.mxs-menu-cta > a{height:36px!important;min-height:36px!important;line-height:36px!important;padding:0 16px!important;font-size:14px!important;gap:8px;align-self:center}
#masthead .menu-smart > li.mxs-menu-cta > a::after{width:10px!important;height:10px!important}

/* section rule sits at the top of the section, with the full section padding below it */
.mxs-row.mxs-rule.mxs-pt{padding-top:0!important}
.mxs-row.mxs-rule.mxs-pt > .row{padding-top:clamp(72px,9vw,140px)!important}

/* ---------- project pages ---------- */
.mxs-story{padding-top:clamp(56px,7vw,100px)!important;padding-bottom:clamp(64px,8vw,120px)!important}
.mxs-story .story-h :is(h1,h2):not(.font-size-custom){font-family:var(--f-display)!important;font-weight:800!important;font-stretch:115%;font-size:clamp(34px,4.2vw,64px)!important;line-height:.98!important;letter-spacing:-.045em!important;color:var(--copper)!important;text-wrap:balance;text-transform:none!important}
.mxs-story .story-b p{margin:0 0 18px;max-width:62ch;color:var(--ink)}
.mxs-story .story-b p:first-child{font-size:clamp(19px,1.6vw,22px);line-height:1.5}
.mxs-story .story-b p:last-child{margin-bottom:0}
@media (min-width:960px){.mxs-story .row-inner > .wpb_column:first-child{padding-right:clamp(28px,5vw,88px)!important}}
.mxs-in .slides{padding-bottom:12px}
.mxs-in .making__grid li,.mxs-in .rel li{list-style:none}
.mxs-in .meta{margin:0;padding:0}
.mxs-in .meta dt{font-weight:500}
.mxs-in .meta dd{color:var(--ink)!important;font-weight:600}
.mxs-in .meta dd .tbc{color:var(--stone)}

/* ---------- FAQ page: Uncode accordion styled like the design ---------- */
.mxs-faq{padding-bottom:clamp(72px,9vw,140px)!important}
.mxs-faq .uncont{max-width:960px;margin:0 auto}
.mxs-acc .panel-group{border-top:1.5px solid var(--copper);margin:0}
.mxs-acc .panel{border:0!important;border-bottom:1px solid var(--hair)!important;background:none!important;margin:0!important;box-shadow:none!important;border-radius:0!important}
.mxs-acc .panel-heading{padding:0!important;background:none!important;border:0!important}
.mxs-acc .panel-title{margin:0!important}
.mxs-acc .panel-title > a{display:block!important;position:relative;padding:22px 56px 22px 0!important;font-family:var(--f-display)!important;font-weight:700!important;font-stretch:106%;font-size:clamp(19px,1.7vw,24px)!important;line-height:1.25!important;letter-spacing:-.02em!important;text-transform:none!important;color:var(--ink)!important}
.mxs-acc .panel-title > a span{font:inherit!important;letter-spacing:inherit!important;text-transform:none!important;color:inherit!important}
.mxs-acc .panel-title > a:hover{color:var(--copper)!important}
.mxs-acc .panel-title > a > span::after{content:"+"!important;font-family:var(--f-body)!important;font-weight:500;font-size:20px;line-height:1;position:absolute!important;right:0!important;left:auto!important;top:50%!important;margin:0!important;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--copper);color:var(--copper);display:flex!important;align-items:center;justify-content:center;transform:translateY(-50%);transition:transform .3s var(--ease),background .3s}
.mxs-acc .panel-title.active > a > span::after{transform:translateY(-50%) rotate(45deg);background:var(--copper);color:var(--on-ink)}
.mxs-acc .panel-body{padding:0 0 24px!important;border:0!important}
.mxs-acc .panel-body p{color:var(--stone);max-width:60ch;margin:0}
.mxs-in .rel b,.mxs-in .card .cap b{color:var(--ink)}
.mxs-in .rel a:hover b,.mxs-in .card:hover .cap b{color:var(--copper)}
.mxs-acc .panel-title > a > span::after{color:var(--copper)!important}
.mxs-acc .panel-title.active > a > span::after{color:var(--on-ink)!important;background:var(--copper)!important}

/* homepage enquiry: form only, centred */
.mxs-enq-solo .uncont{max-width:880px;margin:0 auto}

/* ---------- sections alternate two colours: cream (default) and sand (.mxs-bg-b); no divider lines ---------- */
.mxs-row.mxs-bg-b,.mxs-in .related{background:var(--plaster-2)!important}
.mxs-bg-b .ph,.mxs-in .related .im,.mxs-in .related .card .im{background:var(--plaster)}
.mxs-sechead .uncont{border-top:0!important;padding-top:0!important}
.mxs-row.mxs-sechead{padding-top:clamp(72px,9vw,140px)!important}
.mxs-home .sec-head--col{border-top:0!important;padding-top:0!important}
.mxs-rule > .row::before{display:none!important}
.mxs-in .related h2{border-top:0!important;padding-top:0!important}
.mxs-in .making__head{border-top:0!important;padding-top:0!important}
.mxs-in .idx__head{border-top:0!important;padding-top:0!important}
.mxs-in .related{padding-top:clamp(64px,8vw,120px)}
.mxs-in .making{padding-top:clamp(64px,8vw,120px)}
.mxs-in .slides{padding-bottom:clamp(56px,7vw,100px)}
.mxs-home .quotes{padding-bottom:clamp(72px,9vw,140px)}
.mxs-home .faq{padding-bottom:clamp(72px,9vw,130px)}
.mxs-faq{padding-top:clamp(56px,7vw,100px)!important}

/* ---------- one section rhythm: every colour block gets the same space top and bottom ---------- */
:root{--sec:clamp(72px,9vw,140px)}
.mxs-row.mxs-pt,.mxs-row.mxs-pt-m,.mxs-row.mxs-sechead,.mxs-row.mxs-head,.mxs-row.mxs-cta,.mxs-row.mxs-band,.mxs-row.mxs-visit,.mxs-row.mxs-faq,.mxs-row.mxs-enqhead{padding-top:var(--sec)!important}
.mxs-row.mxs-pb,.mxs-row.mxs-head,.mxs-row.mxs-cta,.mxs-row.mxs-band,.mxs-row.mxs-visit,.mxs-row.mxs-faq,.mxs-row.mxs-story,.mxs-row.mxs-home.mxs-enq{padding-bottom:var(--sec)!important}
.mxs-row.mxs-rule.mxs-pt{padding-top:0!important}
.mxs-row.mxs-rule.mxs-pt > .row{padding-top:var(--sec)!important}
.mxs-row.mxs-sechead.mxs-id-insights{padding-top:0!important}
.mxs-home .lit{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}
.mxs-home .works,.mxs-home .reel,.mxs-home .caps,.mxs-home .process,.mxs-home .quotes,.mxs-home .insights{padding-bottom:var(--sec)!important}
.mxs-home .faq{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}
.mxs-in .info{padding-bottom:var(--sec)!important}
.mxs-in .related{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}
.mxs-in .slides{padding-bottom:var(--sec)!important}
.mxs-in .making{padding-top:var(--sec)!important}
.mxs-in .pn{padding-bottom:var(--sec)!important}
.mxs-in .info + .story,.mxs-row.mxs-story{padding-top:clamp(40px,5vw,72px)!important}
.mxs-bg-b .info{padding-top:var(--sec)!important;padding-bottom:0!important}
.mxs-row.mxs-in.mxs-band,.mxs-row.mxs-in.mxs-visit{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}

/* CTA "Start a project" button = same as the contact form's "Send enquiry" button */
.mxs-cta .btn.pill-btn{gap:0!important;transform:none!important;box-shadow:none!important;transition:background .3s var(--ease),color .3s var(--ease)!important}
.mxs-cta .btn.pill-btn::after,.mxs-cta .btn.pill-btn::before{display:none!important}
.mxs-cta .btn.pill-copper:hover,.mxs-cta .btn.pill-copper:focus{background:var(--on-ink)!important;color:var(--ink)!important;transform:none!important;box-shadow:none!important}
html body .mxs-row.mxs-cta .btn-container .btn.pill-copper:hover,html body .mxs-row.mxs-cta .btn-container .btn.pill-copper:focus{background:var(--on-ink)!important;background-color:var(--on-ink)!important;color:var(--ink)!important;border-color:transparent!important}

/* WPBakery heading set to "Heading size: Custom" → the builder's size wins; keep the brand look */
.mxs-row .vc_custom_heading_wrap .font-size-custom{font-family:var(--f-display)!important;font-stretch:115%;letter-spacing:-.045em!important;line-height:.95!important;text-transform:none!important;text-wrap:balance}
.mxs-head .vc_custom_heading_wrap .font-size-custom,.mxs-split .big .font-size-custom,.mxs-visit .font-size-custom,.mxs-story .font-size-custom,.mxs-row .h2 .font-size-custom{color:var(--copper)!important}
.mxs-cta .vc_custom_heading_wrap .font-size-custom,.mxs-dark .big .font-size-custom,.mxs-enqhead .font-size-custom{color:var(--copper-hi)!important;margin:0 auto!important}

/* headings that live inside HTML blocks: same 90px / 600 as the builder headings */
.mxs-home .faq .h2,.mxs-home .reel__title .h2,.mxs-in .related > .wrap > h2{font-size:clamp(40px,6.25vw,90px)!important;font-weight:600!important}
.mxs-row .vc_custom_heading_wrap .font-size-custom:not([class*="font-weight-"]){font-weight:600}

/* ================= homepage ================= */
.mxs-home body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:60;background:var(--plaster)}
.mxs-home a{color:inherit;text-decoration:none}
.mxs-home img{max-width:100%;display:block}
.mxs-home button{font:inherit;color:inherit}
.mxs-home :focus-visible{outline:2px solid var(--copper);outline-offset:4px;border-radius:6px}
.mxs-home .wrap{max-width:var(--wrap);margin:0 auto;padding-left:calc(var(--gut-l) + var(--sp) - 16px);padding-right:calc(var(--gut-r) + var(--sp) - 16px)}
.mxs-home .mono{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.mxs-home .pill{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 24px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.mxs-home .pill svg{width:12px;height:12px;flex:none;transition:transform .3s var(--ease)}
.mxs-home .pill:hover svg{transform:translate(2px,-2px)}
.mxs-home .pill--ink{background:var(--ink);color:var(--on-ink)}
.mxs-home .pill--ink:hover{background:var(--copper);color:var(--on-ink)}
.mxs-home .pill--line{border:1.5px solid currentColor}
.mxs-home .pill--line:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.mxs-home .pill--copper{background:var(--copper);color:var(--on-ink)}
.mxs-home .pill--copper:hover{background:var(--on-ink);color:var(--ink)}
.mxs-home .hero{position:relative;min-height:min(92svh,940px);display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--hdr) + 24px);padding-bottom:40px;overflow:hidden;background:radial-gradient(60% 50% at 50% 46%, rgba(255,250,243,.6), rgba(255,250,243,0) 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .1 0 0 0 0 .09 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),var(--plaster)}
.mxs-home .hero>.wrap{position:relative;z-index:2;width:100%}
.mxs-home .field{position:absolute;inset:0;z-index:1;pointer-events:none}
.mxs-home .tile{position:absolute;left:0;top:0;border-radius:10px;overflow:hidden;background:var(--plaster-2);box-shadow:0 14px 30px -18px rgba(29,26,22,.4);will-change:transform}
.mxs-home .tile img{width:100%;height:100%;object-fit:cover}
.js .mxs-home .tile{opacity:0}
.mxs-home .hero__logo{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.6vw,34px);will-change:transform,opacity}
.mxs-home .hero__mark{width:clamp(76px,9vw,132px);height:auto;transition:transform .9s var(--ease)}
.mxs-home .hero__word{width:min(86vw,1040px);height:auto}
.mxs-home .hero__sub{margin:clamp(26px,3vw,40px) auto 0;text-align:center;max-width:30ch;font-family:var(--f-display);font-weight:600;font-stretch:104%;font-size:clamp(18px,1.9vw,26px);line-height:1.25;letter-spacing:-.015em;text-wrap:balance}
.mxs-home .hero__meta{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:clamp(40px,7vw,96px);color:var(--stone)}
.mxs-home .hero__scroll{display:inline-flex;align-items:center;gap:12px}
.mxs-home .hero__scroll i{position:relative;width:1.5px;height:42px;background:var(--hair);overflow:hidden}
.mxs-home .hero__scroll i::after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--ink);animation:drip 2.2s var(--ease) infinite}
@keyframes drip{to{top:110%}}
.js .mxs-home .hero__mark{animation:drop 1.1s var(--ease) both}
.js .mxs-home .hero__word{animation:wipe 1.3s cubic-bezier(.7,0,.2,1) .25s both}
.js .mxs-home .hero__sub,.js .mxs-home .hero__meta{animation:rise .9s var(--ease) .9s both}
@keyframes drop{from{opacity:0;transform:translateY(-26px) rotate(-8deg)}}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
@media(max-width:600px){.mxs-home .hero__meta{flex-direction:column;align-items:center;text-align:center}}
.mxs-home .strip{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);overflow:hidden;background:var(--plaster)}
.mxs-home .strip__track{display:flex;width:max-content;padding-block:22px;animation:slide 46s linear infinite}
.mxs-home .strip span{display:inline-flex;align-items:center;gap:30px;padding-right:30px;font-family:var(--f-display);font-weight:700;font-stretch:112%;font-size:clamp(18px,2vw,26px);letter-spacing:-.02em;color:var(--stone);white-space:nowrap}
.mxs-home .strip img{height:22px;width:auto;opacity:.55}
@keyframes slide{to{transform:translateX(-50%)}}
.mxs-home .stage{position:relative;height:460vh;background:var(--ink);color:var(--on-ink)}
.mxs-home .pin{position:sticky;top:0;height:100svh;overflow:hidden}
.mxs-home #gl{position:absolute;inset:0;width:100%;height:100%;display:block}
.mxs-home .ui{position:absolute;inset:0;pointer-events:none}
.mxs-home .caption{position:absolute;left:calc(var(--gut-l) + var(--sp) - 16px);top:50%;transform:translateY(-50%);width:min(560px,44vw)}
.mxs-home .caption .mono{color:var(--copper-hi)}
.mxs-home .caption h2{font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:clamp(40px,5.2vw,80px);line-height:.96;letter-spacing:-.045em;margin:18px 0 0;text-wrap:balance}
.mxs-home .caption p.sub{margin:22px 0 0;color:var(--on-ink-dim);font-size:clamp(16px,1.3vw,18px);max-width:40ch}
.mxs-home .beat{position:absolute;left:0;top:50%;width:100%;opacity:0;visibility:hidden}
.mxs-home .beat p{font-family:var(--f-display);font-weight:700;font-stretch:110%;font-size:clamp(28px,3.3vw,50px);letter-spacing:-.03em;line-height:1.08;margin:0;max-width:17ch;text-wrap:balance}
.mxs-home .beat .meter{display:block;margin-top:20px;color:var(--on-ink-dim);font-variant-numeric:tabular-nums}
.mxs-home .beat .meter b{color:var(--copper-hi);font-weight:500}
.mxs-home .rail{position:absolute;left:calc(var(--gut-l) + var(--sp) - 16px);right:calc(var(--gut-r) + var(--sp) - 16px);bottom:clamp(26px,5vh,48px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,28px);list-style:none;margin:0;padding:0;max-width:720px}
.mxs-home .rail li{font-size:13px;color:#7d766d;transition:color .4s}
.mxs-home .rail li.on{color:var(--on-ink)}
.mxs-home .rail i{display:block;height:2px;margin-top:10px;background:rgba(231,227,222,.1);border-radius:2px;overflow:hidden}
.mxs-home .rail b{display:block;height:100%;background:var(--copper);transform-origin:0 50%;transform:scaleX(0)}
.mxs-home .nogl{position:absolute;right:calc(var(--gut-r) + var(--sp) - 16px);top:50%;display:none;color:var(--on-ink-dim);max-width:30ch}
@media(max-width:900px){.mxs-home .caption{top:auto;bottom:clamp(92px,13vh,130px);transform:none;width:auto;right:calc(var(--gut-r) + var(--sp) - 16px)}.mxs-home .caption h2{font-size:clamp(34px,9vw,48px)}}
.mxs-home .lit{padding-block:clamp(96px,13vw,200px)}
.mxs-home .lit .mono{color:var(--stone);display:block;margin-bottom:28px}
.mxs-home .lit p{margin:0;font-family:var(--f-display);font-weight:700;font-stretch:108%;letter-spacing:-.035em;line-height:1.1;font-size:clamp(30px,4.6vw,72px);max-width:24ch}
.mxs-home .lit .w{transition:color .35s ease}
.js .mxs-home .lit .w{color:#C9BBA8}
.js .mxs-home .lit .w.on{color:var(--ink)}
.mxs-home .chip{display:inline-block;width:1.3em;height:.8em;border-radius:999px;overflow:hidden;vertical-align:-.05em;background:var(--plaster-2)}
.mxs-home .chip img{width:100%;height:100%;object-fit:cover}
.mxs-home .chip--mark{width:.8em;background:transparent;border-radius:0}
.mxs-home .chip--mark img{object-fit:contain}
.mxs-home .glyph{display:inline-block;color:var(--copper);font-weight:400;font-stretch:100%;margin-inline:.05em}
.mxs-home .link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600}
.mxs-home .link-arrow svg{width:12px;height:12px;transition:transform .3s var(--ease)}
.mxs-home .link-arrow:hover svg{transform:translate(2px,-2px)}
.mxs-home .works{padding-bottom:clamp(90px,11vw,170px)}
.mxs-home .rows{margin-top:clamp(36px,4vw,56px);display:grid;gap:clamp(14px,1.6vw,24px);overflow:hidden}
.mxs-home .wrow{display:flex;width:max-content;gap:clamp(14px,1.6vw,24px);animation:slide 70s linear infinite}
.mxs-home .wrow--rev{animation-direction:reverse;animation-duration:84s}
.mxs-home .rows:hover .wrow{animation-play-state:paused}
.mxs-home .work{position:relative;flex:none;width:clamp(240px,26vw,380px)}
.mxs-home .work__img{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--plaster-2)}
.mxs-home .work__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .6s}
.mxs-home .work:hover .work__img img{transform:scale(1.05)}
.mxs-home .rows .work__img img{filter:grayscale(.15)}
.mxs-home .work__cap{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px}
.mxs-home .work__cap b{font-family:var(--f-display);font-weight:700;font-size:19px;letter-spacing:-.02em}
.mxs-home .work__cap span{font-size:13.5px;color:var(--stone);text-align:right}
.mxs-home .reel{padding-bottom:clamp(90px,11vw,170px)}
.mxs-home .reel__frame{position:relative;height:min(78svh,760px);min-height:320px;overflow:hidden;background:var(--ink);clip-path:inset(0 var(--ix,8%) round var(--ir,28px));cursor:none}
.mxs-home .reel__frame img,.mxs-home .reel__frame video{width:100%;height:100%;object-fit:cover;display:block;opacity:.7;transition:opacity .4s;transform:scale(var(--is,1.12));transform-origin:50% 50%}
.mxs-home .reel__title{position:absolute;left:calc(var(--gut-l) + var(--sp) - 16px);bottom:clamp(24px,4vw,56px);color:var(--on-ink);pointer-events:none}
.mxs-home .reel__title .h2{font-size:clamp(48px,9vw,150px)}
.mxs-home .reel__title .mono{display:block;margin-top:14px;color:var(--on-ink-dim)}
.mxs-home .reel__btn{position:absolute;left:0;top:0;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;border:0;background:var(--copper);color:var(--on-ink);font-weight:700;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:none;transform:translate(var(--cx,50vw),var(--cy,50%));transition:background .3s}
.mxs-home .reel__btn:hover{background:var(--copper-hi)}
.mxs-home .reel__note{position:absolute;right:calc(var(--gut-r) + var(--sp) - 16px);top:24px;color:var(--on-ink);background:rgba(29,26,22,.7);padding:10px 14px;border-radius:10px;font-size:14px}
@media(hover:none){.mxs-home .reel__frame,.mxs-home .reel__btn{cursor:pointer}.mxs-home .reel__btn{transform:translate(-50%,-50%);left:50%;top:50%;margin:0}}
.mxs-home .xp{margin-top:clamp(36px,4vw,60px)}
.mxs-home .xp__row{padding-block:clamp(28px,3vw,44px) clamp(48px,6vw,96px);border-top:1px solid var(--hair)}
.mxs-home .xp__top{display:grid;grid-template-columns:minmax(40px,.25fr) minmax(0,1.6fr) minmax(0,.9fr);gap:clamp(16px,3vw,48px);align-items:start}
.mxs-home .xp__n{color:var(--copper);padding-top:.5em}
.mxs-home .xp__list{margin:0;display:flex;flex-direction:column;font-family:var(--f-display);font-weight:800;font-stretch:112%;font-size:clamp(28px,3.8vw,60px);line-height:1.02;letter-spacing:-.04em}
.mxs-home .xp__list span{color:var(--concrete);transition:color .35s var(--ease),transform .45s var(--ease)}
.mxs-home .xp__row.on .xp__list span{color:var(--ink)}
.mxs-home .xp__list span:first-child,.mxs-home .xp__row.on .xp__list span:first-child{color:var(--copper)}
.mxs-home .xp__list span:nth-child(2){transition-delay:.06s}
.mxs-home .xp__list span:nth-child(3){transition-delay:.12s}
.mxs-home .xp__list span:nth-child(4){transition-delay:.18s}
.mxs-home .xp__list span:hover{color:var(--copper);transform:translateX(10px)}
.mxs-home .xp__side{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:.6em}
.mxs-home .xp__side p{margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.5;color:var(--stone)}
.mxs-home .xp__side .pill--line{color:var(--copper)}
.mxs-home .xp__side .pill--line:hover{background:var(--copper);border-color:var(--copper);color:var(--on-ink)}
.mxs-home .xp__img{margin-top:clamp(28px,3.4vw,52px);aspect-ratio:2/1;border-radius:clamp(16px,2vw,28px);overflow:hidden;background:var(--plaster-2);max-width:100%;clip-path:inset(var(--cy,0%) var(--cx,0%) var(--cy,0%) var(--cx,0%) round clamp(16px,2vw,28px))}
.mxs-home .xp__img img{width:100%;height:118%;object-fit:cover;transform:translateY(var(--py,0%)) scale(var(--ps,1))}
@media(max-width:860px){.mxs-home .xp__top{grid-template-columns:minmax(0,1fr)}.mxs-home .xp__n{padding-top:0}.mxs-home .xp__side{padding-top:0}.mxs-home .xp__img{aspect-ratio:4/3}}
.mxs-home .services{padding-bottom:clamp(60px,8vw,120px)}
.mxs-home .process{padding-block:clamp(70px,9vw,140px)}
.mxs-home .process__grid{display:flex;flex-wrap:wrap;gap:clamp(36px,6vw,96px);margin-top:clamp(36px,4vw,56px)}
.mxs-home .stat{flex:1 1 300px;min-width:0}
.mxs-home .stat__n{font-family:var(--f-display);font-weight:800;font-stretch:120%;font-size:clamp(120px,17vw,260px);letter-spacing:-.06em;line-height:.85}
.mxs-home .stat__n sup{font-size:.32em;color:var(--copper);vertical-align:.95em;margin-left:.04em}
.mxs-home .stat p{margin:18px 0 0;max-width:36ch;color:var(--stone)}
.mxs-home .steps{flex:2 1 520px;min-width:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.mxs-home .steps li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.3fr);gap:20px;align-items:baseline;padding-block:26px;border-bottom:1px solid var(--hair);transition:background .3s}
.mxs-home .steps li:hover{background:rgba(255,250,243,.6)}
.mxs-home .steps .mono{color:var(--copper)}
.mxs-home .steps h3{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:110%;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.03em}
.mxs-home .steps p{margin:0;color:var(--stone)}
@media(max-width:640px){.mxs-home .steps li{grid-template-columns:44px minmax(0,1fr)}.mxs-home .steps p{grid-column:2}}
.mxs-home .quotes{padding-bottom:clamp(40px,6vw,90px)}
.mxs-home .quotes__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-top:clamp(36px,4vw,56px)}
.mxs-home .q{border-radius:24px;background:#FBF6EF;padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:28px}
.mxs-home .q blockquote{margin:0;font-family:var(--f-display);font-weight:600;font-stretch:104%;font-size:clamp(20px,1.7vw,24px);line-height:1.3;letter-spacing:-.015em}
.mxs-home .q figcaption{display:flex;align-items:center;gap:14px;margin-top:auto;color:var(--stone);font-size:14.5px}
.mxs-home .q figcaption img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.mxs-home .q figcaption b{display:block;color:var(--ink);font-weight:600}
.mxs-home .tbc{color:var(--stone)}
.mxs-home .proof{padding-block:clamp(70px,9vw,130px) clamp(40px,5vw,70px)}
.mxs-home .proof__nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));border-top:1.5px solid var(--copper)}
.mxs-home .num{padding:22px 20px 26px 0;border-bottom:1px solid var(--hair);display:flex;flex-direction:column;gap:10px}
.mxs-home .num .mono{color:var(--stone)}
.mxs-home .num b{font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:clamp(52px,6vw,92px);letter-spacing:-.05em;line-height:.9;color:var(--copper);font-variant-numeric:tabular-nums}
.mxs-home .num b.tbc{color:var(--concrete)}
.mxs-home .num sup{font-size:.4em;color:var(--ink);vertical-align:.9em}
.mxs-home .logos{margin-top:clamp(40px,5vw,64px)}
.mxs-home .logos__lab{color:var(--copper)}
.mxs-home .logos__grid{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:16px;overflow:hidden}
.mxs-home .logos__grid li{background:var(--plaster);height:86px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--concrete)}
.mxs-home .tbc{color:var(--stone)}
.mxs-home .spot{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,64px);margin-top:clamp(36px,4vw,56px)}
.mxs-home .spot__img{flex:1 1 440px;min-width:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;max-width:100%}
.mxs-home .spot__img img{width:100%;height:100%;object-fit:cover}
.mxs-home .spot__body{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:14px}
.mxs-home .spot__body>.mono{color:var(--copper)}
.mxs-home .spot h3{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:115%;font-size:clamp(32px,3.6vw,54px);letter-spacing:-.04em;line-height:1;color:var(--copper)}
.mxs-home .spot__venue{margin:0;color:var(--stone)}
.mxs-home .spec{margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--hair)}
.mxs-home .spec div{padding:14px 12px 14px 0;border-bottom:1px solid var(--hair)}
.mxs-home .spec dt{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--stone)}
.mxs-home .spec dd{margin:6px 0 0;font-weight:600;font-variant-numeric:tabular-nums}
.mxs-home .spot__wip{margin-top:12px}
.mxs-home .spot__wip .mono{color:var(--stone)}
.mxs-home .wip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.mxs-home .wip>*{aspect-ratio:1;border-radius:12px;overflow:hidden;object-fit:cover;width:100%;height:auto}
.mxs-home .wip span{display:flex;align-items:center;justify-content:center;text-align:center;font-size:12.5px;background:var(--plaster-2);padding:8px}
.mxs-home .works .rows{margin-top:clamp(48px,6vw,84px)}
.mxs-home .caps{padding-bottom:clamp(90px,11vw,170px)}
.mxs-home .caps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-top:clamp(36px,4vw,56px)}
.mxs-home .cap{border-radius:22px;background:#FBF6EF;padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:12px}
.mxs-home .cap .mono{color:var(--copper)}
.mxs-home .cap p{margin:0}
.mxs-home .cap--big{grid-column:span 2;background:var(--ink-2);color:var(--on-ink)}
.mxs-home .cap--big .mono{color:var(--copper-hi)}
.mxs-home .cap--big b{font-family:var(--f-display);font-weight:800;font-stretch:115%;font-size:clamp(34px,4.4vw,64px);letter-spacing:-.04em;line-height:1}
.mxs-home .cap--big .tbc{color:var(--on-ink-dim)}
.mxs-home .cap__list span:first-child{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--copper-hi);margin-right:8px}
@media(max-width:640px){.mxs-home .cap--big{grid-column:auto}}
.mxs-home .tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mxs-home .tags li{padding:6px 12px;border-radius:999px;border:1px solid var(--hair);font-size:14px}
.mxs-home .process .steps{margin-top:clamp(36px,4vw,56px)}
.mxs-home .plan{display:grid;grid-template-columns:minmax(0,1fr);max-width:760px;gap:16px;margin-top:clamp(36px,4vw,56px)}
.mxs-home .plan__box{border-radius:22px;background:#FBF6EF;padding:clamp(22px,2.6vw,36px);min-width:0}
.mxs-home .plan__box h3{margin:0 0 16px;font-family:var(--f-display);font-weight:800;font-stretch:110%;font-size:26px;letter-spacing:-.03em;color:var(--copper)}
.mxs-home .lead{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.mxs-home .lead th{text-align:left;font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--stone);padding:0 10px 10px 0;border-bottom:1px solid var(--hair)}
.mxs-home .lead td{padding:13px 10px 13px 0;border-bottom:1px solid var(--hair)}
.mxs-home .lead td:first-child{font-weight:600}
.mxs-home .lead .rush td:first-child{color:var(--copper)}
.mxs-home .need{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.mxs-home .need li{position:relative;padding-left:26px}
.mxs-home .need li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:3px;background:var(--copper)}
.mxs-home .plan__pay{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--hair)}
.mxs-home .plan__pay .mono{color:var(--copper);margin-right:8px}
.mxs-home .studio{padding-bottom:clamp(90px,11vw,170px)}
.mxs-home .studio__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,4vw,56px);margin-top:clamp(36px,4vw,56px)}
@media(max-width:860px){.mxs-home .studio__grid{grid-template-columns:minmax(0,1fr)}}
.mxs-home .ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;background:var(--plaster-2);border-radius:18px;font-size:13.5px}
.mxs-home .founder{margin:0;display:flex;flex-direction:column;gap:16px}
.mxs-home .founder .ph{aspect-ratio:4/5;max-width:100%}
.mxs-home .founder figcaption{display:flex;flex-direction:column;gap:6px}
.mxs-home .founder b{font-family:var(--f-display);font-weight:800;font-size:24px;letter-spacing:-.02em}
.mxs-home .studio__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1.5px solid var(--copper);align-self:start}
.mxs-home .studio__facts>div{padding:18px 16px 20px 0;border-bottom:1px solid var(--hair)}
.mxs-home .studio__facts .mono{color:var(--copper)}
.mxs-home .studio__facts p{margin:8px 0 0}
.mxs-home .studio__pics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mxs-home .studio__pics>*{aspect-ratio:4/3;border-radius:18px;object-fit:cover;width:100%;height:auto;max-width:100%}
@media(max-width:560px){.mxs-home .studio__facts{grid-template-columns:minmax(0,1fr)}.mxs-home .studio__pics{grid-template-columns:minmax(0,1fr)}}
.mxs-home .press{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px;padding-top:22px;border-top:1px solid var(--hair)}
.mxs-home .press .mono{color:var(--copper)}
.mxs-home .press ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 24px}
.mxs-home .faq{padding-block:clamp(70px,9vw,130px) 0}
.mxs-home .faq__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(24px,5vw,80px)}
@media(max-width:860px){.mxs-home .faq__in{grid-template-columns:minmax(0,1fr)}}
.mxs-home .sec-head--col{flex-direction:column;align-items:flex-start;justify-content:flex-start}
.mxs-home .faq__list{border-top:1.5px solid var(--copper)}
.mxs-home .faq details{border-bottom:1px solid var(--hair)}
.mxs-home .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--f-display);font-weight:700;font-stretch:106%;font-size:clamp(19px,1.7vw,24px);letter-spacing:-.02em}
.mxs-home .faq summary::-webkit-details-marker{display:none}
.mxs-home .faq summary::after{content:"+";flex:none;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--copper);color:var(--copper);display:flex;align-items:center;justify-content:center;font-family:var(--f-body);font-weight:500;font-size:20px;transition:transform .3s var(--ease),background .3s}
.mxs-home .faq details[open] summary::after{transform:rotate(45deg);background:var(--copper);color:var(--on-ink)}
.mxs-home .faq summary:hover{color:var(--copper)}
.mxs-home .faq details p{margin:0 0 24px;max-width:60ch;color:var(--stone)}
.mxs-home .insights{padding-bottom:clamp(90px,11vw,170px)}
.mxs-home .ins__track{list-style:none;margin:clamp(32px,4vw,56px) 0 0;padding:0 calc(var(--gut-r) + var(--sp) - 16px) 8px calc(var(--gut-l) + var(--sp) - 16px);display:flex;gap:clamp(14px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:calc(var(--gut-l) + var(--sp) - 16px);scrollbar-width:none}
.mxs-home .ins__track::-webkit-scrollbar{display:none}
.mxs-home .ins{flex:0 0 clamp(260px,30vw,420px);scroll-snap-align:start}
.mxs-home .ins a{display:flex;flex-direction:column;gap:14px}
.mxs-home .ins__img{aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--plaster-2)}
.mxs-home .ins__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mxs-home .ins a:hover .ins__img img{transform:scale(1.05)}
.mxs-home .ins__tags{display:flex;gap:8px}
.mxs-home .ins__tags span{padding:6px 12px;border-radius:999px;border:1px solid var(--hair);font-size:13px;font-weight:600;color:var(--copper)}
.mxs-home .ins h3{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:106%;font-size:clamp(21px,1.9vw,28px);line-height:1.1;letter-spacing:-.025em;text-wrap:balance}
.mxs-home .ins a:hover h3{color:var(--copper)}
.mxs-home .ins__nav{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}
.mxs-home .ins__btn{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.mxs-home .ins__btn:hover{background:var(--copper);border-color:var(--copper);color:var(--on-ink)}
.mxs-home .ins__btn svg{width:16px;height:16px}
.mxs-home .caption h2,.mxs-home .reel__title .h2{color:var(--copper-hi)}
.mxs-home .steps h3,.mxs-home .stat__n{color:var(--copper)}
.mxs-home .stat__n sup{color:var(--ink)}
.mxs-home .lit .mono{color:var(--copper)}
.mxs-home .link-arrow,.mxs-home .hero__scroll{color:var(--copper)}
.mxs-home .link-arrow:hover{color:var(--ink)}
.mxs-home .hero__scroll i::after{background:var(--copper)}
@media (prefers-reduced-motion: reduce){.mxs-home .strip__track,.mxs-home .wrow,.mxs-home .hero__scroll i::after{animation:none}.js .mxs-home .hero__mark,.js .mxs-home .hero__word,.js .mxs-home .hero__sub,.js .mxs-home .hero__meta{animation:none}.js .mxs-home .tile{opacity:1}.mxs-home .stage{height:auto}.mxs-home .pin{position:relative;height:min(88svh,760px)}.mxs-home .beat,.mxs-home .rail{display:none}.mxs-home .reel__frame{clip-path:none}}
/* homepage: fit the design under the Uncode header */
.mxs-home .hero{min-height:max(620px,calc(100svh - 80px));padding-top:clamp(56px,10vh,120px);padding-bottom:clamp(24px,4vh,40px);justify-content:flex-start}
.mxs-home .hero > .wrap{flex:1;display:flex;flex-direction:column}
.mxs-home .hero__logo{margin-top:auto!important}
.mxs-home .hero__meta{margin-top:auto!important;padding-top:clamp(40px,6vh,80px)}
.mxs-home .hero h1{font-size:inherit;line-height:1}
.mxs-home .process{padding-top:0}
.mxs-pt-m{padding-top:clamp(70px,9vw,140px)!important}
.mxs-home.mxs-sechead .w14 :is(h1,h2){max-width:14ch}
.mxs-home.mxs-sechead .w13 :is(h1,h2){max-width:13ch}
.mxs-home .lit p,.mxs-home .xp__list,.mxs-home .caption h2,.mxs-home .beat p{color:inherit}
.mxs-home .lit p.split{color:var(--ink)}
.mxs-home .stage{color:var(--on-ink)}
.mxs-home .caption h2{color:var(--copper-hi)}
.mxs-home .reel__title .h2{color:var(--copper-hi);font-family:var(--f-display);font-weight:800;font-stretch:118%;letter-spacing:-.04em;line-height:.95;margin:0}
.mxs-home .faq .h2{font-family:var(--f-display);font-weight:800;font-stretch:118%;letter-spacing:-.04em;line-height:.95;font-size:clamp(40px,6.4vw,104px);margin:0;color:var(--copper)}
.mxs-home .sec-head--col{display:flex;flex-direction:column;align-items:flex-start;gap:20px;border-top:1.5px solid var(--copper);padding-top:28px}
.mxs-home .sec-head--col p{margin:0;color:var(--stone)}
.mxs-home .insights{padding-bottom:clamp(90px,11vw,170px)}
.mxs-home .quotes .tbc{color:var(--stone)}
.mxs-home .faq summary{color:var(--ink)}
.mxs-home .ins__track{padding-left:calc(var(--gut-l) + var(--sp) - 16px)!important}
.mxs-home .faq summary:hover{color:var(--copper)}
/* expertise: full-screen stacked cards (Uncode Creative Stack style) */
.mxs-home .services{padding-bottom:0}
.mxs-home .stk{margin-top:clamp(28px,3vw,48px)}
.mxs-home .stk__card{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;background:var(--plaster);overflow:hidden}
.mxs-home .stk__card:nth-child(odd){background:var(--plaster-2)}
.mxs-home .stk__card:nth-child(odd) .stk__img{background:var(--plaster)}
.mxs-home .stk__in{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,96px);padding-top:clamp(48px,7vh,96px);padding-bottom:clamp(48px,7vh,96px)}
.mxs-home .stk__l{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(32px,6vh,80px)}
.mxs-home .stk__n{font-family:var(--f-display);font-weight:800;font-stretch:112%;font-size:clamp(84px,11vw,180px);line-height:.82;letter-spacing:-.06em;color:var(--copper);font-variant-numeric:tabular-nums}
.mxs-home .stk__list{margin:0;display:flex;flex-direction:column;font-family:var(--f-display);font-weight:700;font-stretch:106%;font-size:clamp(24px,2.7vw,42px);line-height:1.12;letter-spacing:-.03em;color:var(--ink);text-transform:none}
.mxs-home .stk__r{display:flex;flex-direction:column;align-items:flex-start}
.mxs-home .stk__lead{margin:0;max-width:24ch;font-family:var(--f-display);font-weight:600;font-stretch:104%;font-size:clamp(24px,2.6vw,40px);line-height:1.15;letter-spacing:-.03em;color:var(--ink)}
.mxs-home .stk__link{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(24px,4vh,48px);font-family:var(--f-display);font-weight:600;font-size:clamp(19px,1.7vw,26px);letter-spacing:-.02em;color:var(--copper)}
.mxs-home .stk__link svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.mxs-home .stk__link:hover{color:var(--ink)}
.mxs-home .stk__link:hover svg{transform:translate(3px,-3px)}
.mxs-home .stk__img{margin-top:clamp(28px,5vh,56px);width:100%;aspect-ratio:2/1;border-radius:clamp(14px,1.4vw,20px);overflow:hidden;background:var(--plaster-2)}
.mxs-home .stk__img img{width:100%;height:100%;object-fit:cover}
.mxs-home .stk__shade{position:absolute;inset:0;z-index:2;background:var(--ink);opacity:var(--sh,0);pointer-events:none}
@media(max-width:860px){
  .mxs-home .stk__card{position:relative;min-height:0;transform:none}
  .mxs-home .stk__in{grid-template-columns:minmax(0,1fr)}
  .mxs-home .stk__shade{display:none}
}
@media (prefers-reduced-motion: reduce){.mxs-home .stk__card{position:relative;min-height:0;transform:none}}
/* works: single row, large cards, moves sideways with the scroll */
.mxs-home .works{padding-top:clamp(48px,6vw,88px)}
.mxs-home .lin{margin-top:0;overflow:hidden}
.mxs-home .lin{position:relative}
.mxs-home .lin__track{display:flex;gap:clamp(14px,2.5vw,36px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad-x);padding:0 calc(var(--gut-r) + var(--sp) - 16px) 4px var(--pad-x);scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}
.mxs-home .lin__track::-webkit-scrollbar{display:none}
.mxs-home .lin__track.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.mxs-home .lin__item{scroll-snap-align:start}
.mxs-home .lin__img img{-webkit-user-drag:none;user-select:none}
.mxs-home .lin__btn{position:absolute;z-index:3;top:calc(clamp(260px,41.5vw,640px) / 2);transform:translateY(-50%);width:clamp(48px,4.4vw,64px);height:clamp(48px,4.4vw,64px);border-radius:50%;border:0;background:rgba(244,235,223,.94);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px -12px rgba(29,26,22,.55);transition:background .25s,color .25s,transform .25s}
.mxs-home .lin__btn svg{width:18px;height:18px}
.mxs-home .lin__btn:hover{background:var(--copper);color:var(--on-ink)}
.mxs-home .lin__btn--prev{left:calc(var(--gut-l) + 8px)}
.mxs-home .lin__btn--next{right:calc(var(--gut-r) + 8px)}
@media(max-width:700px){.mxs-home .lin__btn{top:calc(78vw / 2)}}
.mxs-home .lin__item{flex:none;width:clamp(260px,41.5vw,640px);display:block;color:var(--ink)}
.mxs-home .lin__img{aspect-ratio:1/1;border-radius:clamp(12px,1.2vw,18px);overflow:hidden;background:var(--plaster-2)}
.mxs-home .lin__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.mxs-home .lin__item:hover .lin__img img{transform:scale(1.05)}
.mxs-home .lin__title{margin:18px 0 0;font-family:var(--f-display);font-weight:700;font-stretch:104%;font-size:clamp(22px,2.2vw,34px);line-height:1.1;letter-spacing:-.03em;color:var(--ink);text-transform:none;transition:color .3s}
.mxs-home .lin__item:hover .lin__title{color:var(--copper)}
@media(max-width:700px){.mxs-home .lin__item{width:78vw}}
/* enquiry band */
.mxs-enqhead{text-align:center;padding-top:clamp(90px,11vw,160px)!important}
.mxs-enqhead .uncont{align-items:center}
.mxs-enqhead .mono,.mxs-enqhead .mono p{color:var(--copper-hi)}
.mxs-enqhead .h2{margin-top:22px!important}
.mxs-enqhead .h2 :is(h1,h2):not(.font-size-custom){max-width:12ch;margin:0 auto!important;font-size:clamp(52px,9vw,150px)!important;color:var(--copper-hi)!important}
.mxs-home.mxs-enq{padding-top:clamp(40px,5vw,72px)!important;padding-bottom:clamp(90px,11vw,160px)!important}

/* ================= inner pages ================= */
.mxs-in body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:60;background:var(--plaster)}
.mxs-in a{color:inherit;text-decoration:none}
.mxs-in img{max-width:100%;display:block}
.mxs-in button{font:inherit;color:inherit}
.mxs-in :focus-visible{outline:2px solid var(--copper);outline-offset:4px;border-radius:6px}
.mxs-in .wrap{max-width:1440px;margin:0 auto;padding-left:calc(var(--gut-l) + var(--sp) - 16px);padding-right:calc(var(--gut-r) + var(--sp) - 16px)}
.mxs-in .mono{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.mxs-in .tbc{color:var(--stone)}
.mxs-in .pill{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 24px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;border:0;cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease)}
.mxs-in .pill svg{width:12px;height:12px;flex:none;transition:transform .3s var(--ease)}
.mxs-in .pill:hover svg{transform:translate(2px,-2px)}
.mxs-in .pill--ink{background:var(--ink);color:var(--on-ink)}
.mxs-in .pill--ink:hover{background:var(--copper)}
.mxs-in .pill--copper{background:var(--copper);color:var(--on-ink)}
.mxs-in .pill--copper:hover{background:var(--on-ink);color:var(--ink)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
.mxs-in .slides{position:relative;padding-bottom:12px}
.mxs-in .viewport{overflow:hidden;cursor:grab;touch-action:pan-y}
.mxs-in .viewport.drag{cursor:grabbing}
.mxs-in .track{display:flex;gap:clamp(14px,2vw,28px);align-items:center;will-change:transform;transition:transform .8s var(--ease)}
.mxs-in .track.drag{transition:none}
.mxs-in .slide{flex:none;height:clamp(340px,66svh,720px);margin:0;border-radius:clamp(16px,1.8vw,26px);overflow:hidden;background:var(--plaster-2);opacity:.38;transform:scale(.9);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.mxs-in .slide.on{opacity:1;transform:none}
.mxs-in .slide img{height:100%;width:auto;max-width:none;object-fit:cover;pointer-events:none;user-select:none}
.mxs-in .ctrl{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.mxs-in .ctrl__cap{margin:0;color:var(--stone);font-size:15px;min-height:1.6em;flex:1 1 auto;min-width:0}
.mxs-in .ctrl__nav{display:flex;align-items:center;gap:14px;flex:none}
.mxs-in .count{font-family:var(--f-mono);font-size:13px;font-variant-numeric:tabular-nums;color:var(--stone)}
.mxs-in .count b{color:var(--copper);font-weight:500}
.mxs-in .arrow{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.mxs-in .arrow:hover{background:var(--copper);border-color:var(--copper);color:var(--on-ink)}
.mxs-in .arrow svg{width:16px;height:16px}
.mxs-in .bar{height:2px;background:var(--hair);margin-top:18px;border-radius:2px;overflow:hidden}
.mxs-in .bar i{display:block;height:100%;background:var(--copper);transform-origin:0 50%;transition:transform .8s var(--ease)}
.mxs-in .meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));border-top:1.5px solid var(--copper)}
.mxs-in .meta div{padding:18px 16px 20px 0;border-bottom:1px solid var(--hair)}
.mxs-in .meta dt{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--copper)}
.mxs-in .meta dd{margin:6px 0 0;font-weight:600;font-variant-numeric:tabular-nums}
.mxs-in .story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(28px,5vw,88px);margin-top:clamp(56px,7vw,100px)}
@media(max-width:860px){.mxs-in .story{grid-template-columns:minmax(0,1fr)}}
.mxs-in .story h2{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:115%;font-size:clamp(34px,4.2vw,64px);line-height:.98;letter-spacing:-.045em;color:var(--copper);text-wrap:balance}
.mxs-in .story__body p{margin:0 0 18px;max-width:62ch}
.mxs-in .story__body p:first-child{font-size:clamp(19px,1.6vw,22px);line-height:1.5;color:var(--ink)}
.mxs-in .note{margin-top:26px;padding:16px 18px;border-radius:14px;background:var(--card);font-size:15px;color:var(--stone)}
.mxs-in .note b{color:var(--copper);font-weight:600}
.mxs-in .making{padding-bottom:clamp(64px,8vw,120px)}
.mxs-in .making__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;border-top:1px solid var(--hair);padding-top:26px}
.mxs-in .making__head h2{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:112%;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.035em;color:var(--copper)}
.mxs-in .making__grid{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;counter-reset:step}
.mxs-in .making__grid li{display:flex;flex-direction:column;gap:12px}
.mxs-in .ph{aspect-ratio:4/3;border-radius:16px;background:var(--plaster-2);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:13.5px;max-width:100%}
.mxs-in .making__grid img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;border-radius:16px}
.mxs-in .making__grid h3{margin:0;font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:-.02em}
.mxs-in .making__grid h3 span{font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--copper);margin-right:10px;letter-spacing:.06em}
.mxs-in .making__grid p{margin:0;color:var(--stone);font-size:15px}
.mxs-in .share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.mxs-in .share__links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.mxs-in .share__links .mono{color:var(--stone)}
.mxs-in .share__links a,.mxs-in .share__links button{background:none;border:0;padding:0;min-height:44px;display:inline-flex;align-items:center;font-weight:600;color:var(--copper);cursor:pointer}
.mxs-in .share__links a:hover,.mxs-in .share__links button:hover{color:var(--ink)}
.mxs-in .share__msg{color:var(--stone);font-size:14px}
.mxs-in .pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-block:clamp(36px,4vw,56px)}
.mxs-in .pn a{display:flex;align-items:center;gap:18px;padding:14px;border-radius:20px;background:var(--card);transition:background .3s}
.mxs-in .pn a:hover{background:var(--plaster-2)}
.mxs-in .pn a:last-child{flex-direction:row-reverse;text-align:right}
.mxs-in .pn img{width:clamp(64px,8vw,104px);aspect-ratio:1;object-fit:cover;border-radius:12px;flex:none}
.mxs-in .pn span{display:flex;flex-direction:column;gap:4px;min-width:0}
.mxs-in .pn .mono{color:var(--stone)}
.mxs-in .pn b{font-family:var(--f-display);font-weight:800;font-size:clamp(20px,2vw,28px);letter-spacing:-.03em;color:var(--copper)}
@media(max-width:560px){.mxs-in .pn{grid-template-columns:minmax(0,1fr)}}
.mxs-in .related{padding-bottom:clamp(80px,10vw,150px)}
.mxs-in .related h2{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:clamp(40px,6vw,96px);letter-spacing:-.045em;line-height:.95;color:var(--copper);border-top:1.5px solid var(--copper);padding-top:26px}
.mxs-in .rel{list-style:none;margin:clamp(28px,3vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(14px,1.6vw,24px)}
.mxs-in .rel a{display:block}
.mxs-in .rel .im{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--plaster-2)}
.mxs-in .rel img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mxs-in .rel a:hover img{transform:scale(1.05)}
.mxs-in .rel .cap{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px}
.mxs-in .rel b{font-family:var(--f-display);font-weight:700;font-size:19px;letter-spacing:-.02em}
.mxs-in .rel a:hover b{color:var(--copper)}
.mxs-in .rel .cap span{font-size:13.5px;color:var(--stone);text-align:right}
.mxs-in .slide{position:relative;aspect-ratio:var(--ar,4/3);width:auto}
.mxs-in .slide img{width:100%;height:100%}
.mxs-in .slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:clamp(16px,2vw,26px);display:flex;justify-content:space-between;align-items:flex-end;gap:12px;color:var(--on-ink);background:linear-gradient(to top,rgba(29,26,22,.72),rgba(29,26,22,0));pointer-events:none}
.mxs-in .slide figcaption b{font-family:var(--f-display);font-weight:800;font-stretch:108%;font-size:clamp(20px,2.2vw,32px);letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
.mxs-in .slide figcaption .mono{color:var(--copper-hi);flex:none}
.mxs-in .slide--ph{background:var(--card);border:1.5px dashed rgba(160,86,58,.45)}
.mxs-in .slide--ph .phin{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:24px}
.mxs-in .slide--ph .phin img{width:56px;height:auto;opacity:.25}
.mxs-in .slide--ph figcaption{background:none;color:var(--ink)}
.mxs-in .slide--ph figcaption .mono{color:var(--copper)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
.mxs-in .figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));border-top:1.5px solid var(--copper);margin-top:clamp(40px,5vw,72px)}
.mxs-in .figs div{padding:18px 16px 22px 0;border-bottom:1px solid var(--hair)}
.mxs-in .figs b{display:block;font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:clamp(44px,5vw,76px);letter-spacing:-.05em;line-height:.95;color:var(--copper);font-variant-numeric:tabular-nums}
.mxs-in .figs b.tbc{color:var(--concrete)}
.mxs-in .figs sup{font-size:.4em;color:var(--ink);vertical-align:.9em}
.mxs-in .figs span{display:block;margin-top:8px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--stone)}
.mxs-in .team{list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(14px,1.6vw,24px)}
.mxs-in .team li{display:flex;flex-direction:column;gap:12px}
.mxs-in .ph{aspect-ratio:4/5;border-radius:18px;background:var(--plaster-2);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:13.5px;max-width:100%}
.mxs-in .team h3{margin:0;font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:-.02em}
.mxs-in .team p{margin:0;color:var(--stone);font-size:15px}
.mxs-in .strip{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.mxs-in .strip figure{margin:0;position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--plaster-2)}
.mxs-in .strip figure:nth-child(4n+2),.mxs-in .strip figure:nth-child(4n+4){transform:translateY(clamp(16px,3vw,44px))}
.mxs-in .strip img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mxs-in .strip figure:hover img{transform:scale(1.05)}
.mxs-in .strip figcaption{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:rgba(244,235,223,.92);font-size:12.5px;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.mxs-in .strip figure:hover figcaption,.mxs-in .strip figure:focus-within figcaption{opacity:1;transform:none}
@media(max-width:700px){.mxs-in .strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mxs-in .strip figure:nth-child(4n+2),.mxs-in .strip figure:nth-child(4n+4){transform:none}.mxs-in .strip figure:nth-child(2n){transform:translateY(20px)}}
.mxs-in .pillars{list-style:none;margin:clamp(72px,8vw,110px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0;border-top:1px solid var(--hair)}
.mxs-in .pillars li{padding:22px 20px 24px 0;border-bottom:1px solid var(--hair)}
.mxs-in .pillars h3{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:108%;font-size:22px;letter-spacing:-.02em;color:var(--copper)}
.mxs-in .pillars p{margin:8px 0 0;color:var(--stone);font-size:15.5px}
.mxs-in .factory{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);margin-top:clamp(40px,5vw,72px);align-items:start}
@media(max-width:860px){.mxs-in .factory{grid-template-columns:minmax(0,1fr)}}
.mxs-in .factory__img{aspect-ratio:4/3;border-radius:22px;overflow:hidden;max-width:100%}
.mxs-in .factory__img img{width:100%;height:100%;object-fit:cover}
.mxs-in .steps{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--copper)}
.mxs-in .steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 16px;padding:18px 0;border-bottom:1px solid var(--hair)}
.mxs-in .steps .mono{color:var(--copper);grid-row:span 2;padding-top:4px}
.mxs-in .steps h3{margin:0;font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:-.02em}
.mxs-in .steps p{margin:0;color:var(--stone)}
.mxs-in .addr{margin-top:22px;padding:18px 20px;border-radius:16px;background:var(--card)}
.mxs-in .addr .mono{color:var(--copper)}
.mxs-in .addr p{margin:6px 0 0}
.mxs-in .ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:0;margin-top:clamp(36px,4vw,56px);border-top:1px solid var(--hair-ink)}
.mxs-in .ways div{padding:20px 18px 22px 0;border-bottom:1px solid var(--hair-ink)}
.mxs-in .ways .mono{color:var(--on-ink-dim)}
.mxs-in .ways p{margin:8px 0 0;font-family:var(--f-display);font-weight:700;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em}
.mxs-in .ways a{color:var(--copper-hi)}
.mxs-in .ways a:hover{color:var(--on-ink)}
.mxs-in .ways .tbc{color:var(--on-ink-dim);font-family:var(--f-body);font-weight:500;font-size:17px}
.mxs-dark .pill{margin-top:clamp(32px,4vw,48px)}
.mxs-in a.slide{display:block;color:inherit}
.mxs-in .slide .go{position:absolute;top:14px;right:14px;padding:8px 14px;border-radius:999px;background:rgba(244,235,223,.94);color:var(--ink);font-size:13px;font-weight:600;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s}
.mxs-in .slide.on:hover .go,.mxs-in .slide.on:focus-visible .go{opacity:1;transform:none}
.mxs-in .slide video{height:100%;width:100%;object-fit:cover;display:block}
.mxs-in .cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(14px,1.6vw,24px);margin-top:clamp(28px,3vw,44px)}
.mxs-in .cat{position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:var(--card);min-height:100%}
.mxs-in .cat__img{aspect-ratio:4/3;overflow:hidden}
.mxs-in .cat__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mxs-in .cat:hover .cat__img img{transform:scale(1.05)}
.mxs-in .cat__body{padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:10px;flex:1}
.mxs-in .cat__body .mono{color:var(--copper)}
.mxs-in .cat__body h3{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:110%;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.03em;line-height:1.02;color:var(--copper)}
.mxs-in .cat__body p{margin:0;color:var(--stone);font-size:15.5px}
.mxs-in .cat__body .more{margin-top:auto;padding-top:8px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.mxs-in .cat__body .more svg{width:12px;height:12px;transition:transform .3s var(--ease)}
.mxs-in .cat:hover .more svg{transform:translate(2px,-2px)}
.mxs-in .filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(28px,3vw,40px)}
.mxs-in .filters button{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--hair);background:transparent;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--ink);transition:background .25s,color .25s,border-color .25s}
.mxs-in .filters button:hover{border-color:var(--copper);color:var(--copper)}
.mxs-in .filters button[aria-pressed="true"]{background:var(--copper);border-color:var(--copper);color:var(--on-ink)}
.mxs-in .grid{list-style:none;margin:clamp(22px,2.4vw,32px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(18px,2vw,30px) clamp(14px,1.6vw,24px)}
.mxs-in .grid li[hidden]{display:none}
.mxs-in .card{display:block}
.mxs-in .card .im{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--plaster-2)}
.mxs-in .card .im img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mxs-in .card:hover .im img{transform:scale(1.05)}
.mxs-in .card .tag{position:absolute;top:12px;left:12px;padding:6px 11px;border-radius:999px;background:rgba(244,235,223,.94);font-size:12.5px;font-weight:600}
.mxs-in .card .cap{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px}
.mxs-in .card b{font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:-.02em}
.mxs-in .card:hover b{color:var(--copper)}
.mxs-in .card .cap span{font-size:13.5px;color:var(--stone);text-align:right}
.mxs-in .card .im.ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:13.5px;border:1.5px dashed rgba(160,86,58,.4)}
.mxs-in div.card{cursor:default}
.mxs-in .feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:clamp(28px,3vw,44px)}
@media(max-width:860px){.mxs-in .feature{grid-template-columns:minmax(0,1fr)}}
.mxs-in .feature__img{aspect-ratio:4/3;border-radius:24px;overflow:hidden;max-width:100%}
.mxs-in .feature__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mxs-in .feature:hover .feature__img img{transform:scale(1.04)}
.mxs-in .post__meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.mxs-in .post__meta .mono{color:var(--copper)}
.mxs-in .post__meta .tbc{font-size:13.5px}
.mxs-in .feature h2{margin:14px 0 0;font-family:var(--f-display);font-weight:800;font-stretch:112%;font-size:clamp(30px,3.6vw,54px);line-height:1;letter-spacing:-.04em;color:var(--copper);text-wrap:balance}
.mxs-in .feature p{margin:16px 0 0;color:var(--stone);max-width:52ch}
.mxs-in .posts{list-style:none;margin:clamp(48px,6vw,88px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(22px,2.4vw,36px) clamp(14px,1.6vw,24px)}
.mxs-in .post a{display:flex;flex-direction:column;gap:12px}
.mxs-in .post .im{aspect-ratio:3/2;border-radius:18px;overflow:hidden;background:var(--plaster-2)}
.mxs-in .post .im img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mxs-in .post a:hover .im img{transform:scale(1.05)}
.mxs-in .post h3{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(20px,1.7vw,24px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.mxs-in .post a:hover h3{color:var(--copper)}
.mxs-in .post p{margin:0;color:var(--stone);font-size:15.5px}
.mxs-in .read{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--copper);margin-top:18px}
.mxs-in .ways--light{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));border-top:1.5px solid var(--copper);margin-top:clamp(36px,4vw,56px)}
.mxs-in .ways--light div{padding:20px 18px 22px 0;border-bottom:1px solid var(--hair)}
.mxs-in .ways--light .mono{color:var(--copper)}
.mxs-in .ways--light p{margin:8px 0 0;font-family:var(--f-display);font-weight:700;font-size:clamp(19px,1.7vw,24px);letter-spacing:-.02em}
.mxs-in .ways--light a:hover{color:var(--copper)}
@media (prefers-reduced-motion: reduce){.mxs-in .track,.mxs-in .slide,.mxs-in .bar i{transition:none}.mxs-in .strip img,.mxs-in .card .im img,.mxs-in .cat__img img,.mxs-in .post .im img{transition:none}}
.mxs-in .strip a{display:block;height:100%}
/* inner pages */
.mxs-in .info{padding-block:clamp(64px,8vw,120px)}
.mxs-in .related{padding-bottom:clamp(80px,10vw,150px);scroll-margin-top:100px}
.mxs-in .related h2,.mxs-in .feature h2{text-transform:none}
.mxs-in .card .cap b,.mxs-in .post h3,.mxs-in .team h3,.mxs-in .pillars h3,.mxs-in .steps h3,.mxs-in .cat__body h3{text-transform:none}
.mxs-in .card{display:block}
.mxs-in.mxs-band{padding-top:clamp(56px,7vw,110px)!important;padding-bottom:clamp(56px,7vw,110px)!important}
.mxs-in.mxs-visit{padding-top:clamp(64px,8vw,120px)!important;padding-bottom:clamp(64px,8vw,120px)!important}
.mxs-connect .ways{margin-top:clamp(36px,4vw,56px)!important}
.mxs-connect .wpb_raw_html{margin-top:0!important}
.mxs-in .ways a{color:var(--copper-hi)}
.mxs-in .ways a:hover{color:var(--on-ink)}
.mxs-in .ways p{color:var(--on-ink)}
.mxs-in .ways .tbc{color:var(--on-ink-dim)}
.mxs-in .read svg{width:12px;height:12px;flex:none}
.mxs-in .filters button{font-family:var(--f-body);letter-spacing:0;text-transform:none}

/* ===== Article (insight post) styles, from site.css ===== */
.mxs-in .art__head{padding-block:clamp(48px,7vw,100px) clamp(24px,3vw,40px);max-width:1040px;text-align:center}
.mxs-in .art__head h1{margin:18px 0 0;font-family:var(--f-display);font-weight:800;font-stretch:112%;font-size:clamp(36px,5.6vw,84px);line-height:.98;letter-spacing:-.045em;color:var(--copper);text-wrap:balance}
.mxs-in .art__dek{margin:22px auto 0;max-width:58ch;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--stone)}
.mxs-in .art__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:22px;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--stone)}
.mxs-in .art__hero{margin:0 auto;max-width:1240px}
.mxs-in .art__hero img{width:100%;max-height:78svh;object-fit:cover;border-radius:clamp(16px,2vw,28px)}
.mxs-in .art__hero figcaption,.mxs-in .art__fig figcaption{margin-top:10px;font-size:14px;color:var(--stone)}
.mxs-in .art__body{max-width:760px;padding-block:clamp(40px,5vw,72px) clamp(56px,7vw,100px)}
.mxs-in .art__body>p,.mxs-in .art__body li{font-size:clamp(17px,1.3vw,19px);line-height:1.7}
.mxs-in .art__body>p{margin:0 0 20px}
.mxs-in .art__body>p:first-child{font-size:clamp(19px,1.6vw,23px);line-height:1.55}
.mxs-in .art__body h2{margin:clamp(40px,4vw,56px) 0 14px;font-family:var(--f-display);font-weight:800;font-stretch:108%;font-size:clamp(26px,2.6vw,36px);line-height:1.05;letter-spacing:-.03em;color:var(--copper);text-wrap:balance}
.mxs-in .art__body ul,.mxs-in .art__body ol{margin:0 0 22px;padding-left:1.3em;display:grid;gap:8px}
.mxs-in .art__body li::marker{color:var(--copper);font-weight:700}
.mxs-in .art__body blockquote{margin:28px 0;padding-left:22px;border-left:3px solid var(--copper);font-family:var(--f-display);font-weight:700;font-size:clamp(21px,2vw,27px);line-height:1.3}
.mxs-in .art__fig{margin:clamp(28px,3vw,40px) 0}
.mxs-in .art__fig img{width:100%;border-radius:18px}
.mxs-in .art__pair>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mxs-in .art__pair img{aspect-ratio:4/5;object-fit:cover;height:auto}
@media(max-width:560px){.mxs-in .art__pair>div{grid-template-columns:minmax(0,1fr)}.mxs-in .art__pair img{aspect-ratio:4/3}}
@media(min-width:1100px){.mxs-in .art__fig:not(.art__pair){margin-inline:-120px}}
.mxs-in .art__end{margin-top:clamp(40px,5vw,64px);padding-top:22px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.mxs-in .art__next{display:flex;flex-direction:column;gap:4px;text-align:right;max-width:36ch}
.mxs-in .art__next .mono{color:var(--stone)}
.mxs-in .art__next b{font-family:var(--f-display);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--copper)}
.mxs-in .art__next:hover b{color:var(--ink)}
.mxs-in .art__fig:not(.art__pair) img{max-height:min(78svh,760px);object-fit:cover}

/* ===== Insights posts (single) ===== */
.mxs-in .crumb{display:inline-flex;align-items:center;gap:10px;color:var(--copper)}
.mxs-in .crumb a{color:inherit}
.mxs-in .crumb a:hover{color:var(--ink)}
.mxs-in .art__head{margin-left:auto;margin-right:auto}
.mxs-in .art__hero,.mxs-in .art__body{margin-left:auto;margin-right:auto}
.mxs-in .art__body a:not(.art__next){color:var(--copper);text-decoration:underline;text-underline-offset:3px}
.mxs-in .art__fig img,.mxs-in .art__hero img{display:block;height:auto}
.mxs-in .art__meta time{font:inherit;color:inherit}
.mxs-in .share__links a,.mxs-in .share__links button{background:none;border:0;padding:0;min-height:44px;display:inline-flex;align-items:center;font-weight:600;color:var(--copper);cursor:pointer;font-size:inherit}
.mxs-in .share__links a:hover,.mxs-in .share__links button:hover{color:var(--ink)}
.mxs-in .share__msg{color:var(--stone);font-size:14px}
/* single post: hide Uncode chrome (title header, sidebar, comments, post nav) */
.single-post #page-header,.single-post .post-footer,.single-post .row-navigation,.single-post .comments-area,.single-post .un-sidebar-layout .col-widgets-sidebar{display:none!important}
/* single post: full-width content (no sidebar column) */
.single-post .post-body .un-sidebar-layout{padding:0!important;max-width:none!important;width:100%!important}
.single-post .post-body .un-sidebar-layout>.row-inner{margin:0!important;width:100%!important}
.single-post .post-body .un-sidebar-layout>.row-inner>.col-lg-8{width:100%!important;max-width:none!important;padding:0!important}
.single-post .post-body .un-sidebar-layout>.row-inner>.col-lg-4,.single-post .post-body .un-sidebar-layout .col-widgets-sidebar{display:none!important}
.single-post .post-body .post-content{padding:0!important;margin:0!important}
.mxs-in .art__fig,.mxs-in .art__hero{display:block;width:auto}
.mxs-in .art__body>p,.mxs-in .art__body li,.mxs-in .art__body ul,.mxs-in .art__body ol{color:var(--ink)}
@media(min-width:1100px){.mxs-in .art__fig:not(.art__pair){max-width:none}}