/* Original geometric/editorial system derived from abstract reference qualities. */
:root{--mx-a:#4856df;--mx-b:#a6dccc;--mx-c:#dbe99c;--mx-d:#d0b9e8;--mx-ink:#142d36;--mx-paper:#f3f4ec}
.mx-sculpture{--mx-scroll:0;position:relative;width:100%;max-width:200px;color:#b2c9d288}
.mx-sculpture svg{width:100%;height:auto;display:block;overflow:visible}.mx-sculpture g{transform-box:view-box;transform-origin:220px 220px}
.mx-leaf-a{transform:translate(calc(var(--mx-scroll)*12px),calc(var(--mx-scroll)*-12px)) rotate(calc(var(--mx-scroll)*12deg))}.mx-leaf-b{transform:translate(calc(var(--mx-scroll)*12px),calc(var(--mx-scroll)*12px))}.mx-leaf-c{transform:translate(calc(var(--mx-scroll)*-12px),calc(var(--mx-scroll)*-12px))}.mx-leaf-d{transform:translate(calc(var(--mx-scroll)*-12px),calc(var(--mx-scroll)*12px)) rotate(calc(var(--mx-scroll)*-12deg))}
/* Bright social spread: layered shapes frame, never cut, the existing images. */
.mm-home{position:relative;isolation:isolate;overflow:hidden;background:#f1f3e9;color:#142d36;border-top:0;gap:6%}
.mm-home:before{content:"";position:absolute;z-index:-1;width:65%;height:135%;right:-20%;top:-15%;background:#c3e1d4;border-radius:48% 0 0 48%;transform:rotate(-20deg)}
.mm-home:after{content:"";position:absolute;z-index:-1;width:39%;height:100%;right:-8%;bottom:-45%;border:1px solid #55778a66;border-radius:50%;transform:rotate(-28deg)}
.mm-home h2{font-size:clamp(46px,5vw,78px);line-height:.98}.mm-home h2 em{font-family:Georgia,serif;color:#4053b0;font-weight:400}.mm-home p{color:#364d54}.mm-home .eyebrow{color:#314f58}.mm-home-copy>.mm-text-link{color:#294d49}.mm-home .mm-button{background:#203c47;color:#f4f4e7}.mm-home-copy .mm-button:hover{box-shadow:0 0 0 2px #f1f3e9,0 0 0 3px #3a6481,0 0 25px #6784cc40}
.mm-home-visual{position:relative;background:#dfeaddb8;border:1px solid #a5bfb5;padding:28px;border-radius:65px 3px 3px 3px;box-shadow:18px 20px 0 #425aa323;isolation:isolate}
.mm-home-visual:before{content:"";position:absolute;inset:25% -5% -3% 18%;background:#cdd9f1;border-radius:50% 50% 4px 4px;z-index:-1;transform:rotate(8deg)}
.mm-home-label,.mm-home-captions{color:#253d42}.mm-home .mm-ribbon{border-color:#85998f;color:#21394a}.mm-home .mm-ribbon i{color:#4659a8}.mm-home-images .mm-image{background:#f5f4eb;border:1px solid #9dad9c;padding:9px;border-radius:2px}.mm-home-images .mm-image:nth-child(2){border-radius:36px 2px 2px 2px}.mm-home-images{gap:22px}
section.sp-social-strip{grid-template-columns:170px 1fr auto;gap:40px;background:#112a41;color:#f0f1e7;isolation:isolate;position:relative;overflow:hidden;padding-block:45px}
.sp-social-strip:before{content:"";position:absolute;z-index:-1;inset:0 0 0 64%;background:#244d66;clip-path:polygon(25% 0,100% 0,100% 100%,0 100%)}
.sp-social-strip h2 em{color:#b6dacb}.sp-social-strip .mm-button{background:#d4eaa2;color:#162f39;margin:0}.sp-social-strip .eyebrow{color:#d0deeb}
/* Editorial arrangement within the existing campaign entry, not another card wall. */
.cp-home{background:#f3f3e9;position:relative;isolation:isolate;overflow:hidden;color:#152d39}
.cp-home:before{content:"";position:absolute;z-index:-1;width:620px;aspect-ratio:1;border:1px solid #86a88b55;border-radius:50%;right:-240px;top:50px}
.mx-edition{display:flex;justify-content:space-between;gap:20px;font:10px/1.6 monospace;letter-spacing:.08em;border-top:2px solid #183d45;border-bottom:1px solid #a9b4a0;padding:16px 0;margin-bottom:40px}
.cp-home>.sp-heading{display:grid;grid-template-columns:1.3fr 1fr;max-width:none;column-gap:8%;align-items:end;margin-bottom:45px}.cp-home>.sp-heading>.eyebrow{grid-column:span 2}.cp-home>.sp-heading h2{font-size:clamp(48px,5.8vw,87px);line-height:.98;margin:20px 0 0}.cp-home>.sp-heading em{color:#3d7065}.cp-home>.sp-heading p{font-size:16px;max-width:550px}
.cp-home-grid{grid-template-columns:1.2fr 1fr;gap:26px 40px;align-items:stretch;counter-reset:mx-project}
.cp-home-grid>a{position:relative;padding:0;border:0;display:grid;grid-template-columns:.95fr 1.05fr;grid-template-rows:auto auto 1fr;column-gap:24px;row-gap:12px;align-items:start}
.cp-home-grid>a>div{height:260px;grid-row:span 3;background:#d6e5df;padding:14px;margin:0;position:relative;isolation:isolate;overflow:visible}
.cp-home-grid>a>div:before{content:"";position:absolute;inset:0;z-index:-1;background:#e5eab5;clip-path:polygon(0 45%,100% 0,100% 100%,0 100%)}
.cp-home-grid>a:first-child{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:400px auto auto 1fr;gap:0;padding:24px;background:#dfe989;color:#18353b;border-radius:2px 90px 2px 2px}
.cp-home-grid>a:first-child>div{grid-row:auto;height:400px;background:#eaf0b1;padding:18px;margin-bottom:0}
.cp-home-grid>a:first-child>div:before{inset:8% 14%;border-radius:50%;background:#b8d9c1;clip-path:none}.cp-home-grid>a:first-child span{margin-top:22px}
.cp-home-grid>a:first-child h3{font-size:40px;margin:16px 0}.cp-home-grid>a:first-child p{max-width:450px}
.cp-home-grid>a:nth-child(2){border-bottom:1px solid #b4c0ab;padding-bottom:25px}.cp-home-grid>a:nth-child(2)>div{background:#c6d8d1}.cp-home-grid>a:nth-child(2)>div:before{background:#98bcb688;clip-path:polygon(70% 0,100% 0,100% 100%,0 100%)}
.cp-home-grid>a:nth-child(3)>div{background:#d4dcee}.cp-home-grid>a:nth-child(3)>div:before{background:#edf1f7;clip-path:polygon(0 0,70% 0,100% 100%,0 100%)}
.cp-home-grid>a img{position:relative;z-index:1}.cp-home-grid>a span{align-self:end;font-size:10px;padding-top:10px}.cp-home-grid>a h3{min-height:0;font-size:29px;margin:0;line-height:1.04;letter-spacing:-.045em}.cp-home-grid>a p{font-size:14px;line-height:1.75}
/* Campaign covers combine crisp geometry and magazine typography. */
.cp-page .cp-hero:not(.cp-trailer-hero){position:relative;isolation:isolate;overflow:hidden;background:#f0f1e8;color:#142f42}
.cp-page .cp-hero:not(.cp-trailer-hero):before{content:"";position:absolute;z-index:-1;right:-16%;top:-80px;width:55%;height:650px;background:linear-gradient(135deg,#86c7b5,#d7e8e0);transform:rotate(-35deg);border-radius:120px 15px 120px 15px;opacity:.6}
.cp-page .cp-hero:not(.cp-trailer-hero):after{content:"";position:absolute;z-index:-1;right:8%;top:15px;width:250px;height:250px;border:1px solid #45769066;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#759bb111}
.cp-page .cp-hero:not(.cp-trailer-hero) h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(60px,7.7vw,118px);font-weight:500;letter-spacing:-.04em;line-height:1.01}
.cp-page .cp-hero:not(.cp-trailer-hero) h1 em{font-family:Georgia,serif;color:#335f85;letter-spacing:-.065em;font-size:.88em}.cp-page .cp-hero:not(.cp-trailer-hero) .mm-button{background:#143c51;color:#f5f3e6}
.mx-cover-index{display:flex;align-items:center;gap:20px;margin-top:30px;font:15px/1 monospace;border-bottom:1px solid #81968c;padding-bottom:20px;max-width:600px}.mx-cover-index span{font-size:9px;letter-spacing:.11em}
.cp-hero-montage{padding:25px;background:#e2e8dc;border-top:1px solid #afbfaf;position:relative}.cp-hero-montage .cp-image{background:#f7f6ed;border-color:#b7c5b2;box-shadow:0 8px 20px #344a3120}.cp-hero-montage figure:last-child .cp-image{background:#cfdfd7}.cp-hero:not(.cp-trailer-hero) .cp-jump{border-color:#8eaba4}
.cp-examples{background:#fbf9f1}.cp-examples .sp-heading{padding-left:25px;border-left:6px solid #bbd564}.cp-examples em{color:#375877}.cp-case-head{border-top:1px solid #c6cbbd;padding-top:25px}.cp-case-grid .cp-image{background:linear-gradient(135deg,#ebeee4 50%,#d6e2d9 50%);border:1px solid #cbd3c4}.cp-case-grid figure:nth-child(2) .cp-image{border-radius:40px 2px 2px 2px}.cp-case-grid figure:nth-child(3) .cp-image{background:linear-gradient(135deg,#e8e5f2 50%,#d9dce7 50%)}
/* Clear geometric process nodes: the complete text remains outside the shapes. */
.cp-planning{background:linear-gradient(110deg,#e7e9f3,#f2eee6);color:#1d3346;position:relative}.cp-planning .sp-heading em{color:#665682}
.cp-planning .mm-tabs{position:relative;gap:24px;padding-top:14px}.cp-planning .mm-tabs:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#a3acc4}
.cp-planning .mm-tabs button{position:relative;background:#f6f5ef;border:1px solid #b3b9c9;min-height:68px;font-size:12px;transition:background .2s,box-shadow .2s;box-shadow:0 3px 0 #ccd2df}
.cp-planning .mm-tabs button:before{content:"";position:absolute;width:10px;height:10px;background:#8594c7;top:-6px;left:calc(50% - 5px);transform:rotate(45deg)}
.cp-planning .mm-tabs button[aria-pressed=true]{background:#334c74;border-color:#334c74;color:#fff;box-shadow:0 5px 0 #a5cfc1}.cp-planning .mm-tabs button[aria-pressed=true]:before{background:#aa66a4}
.cp-step>span{color:#7d84b1}.cp-input-output>div{padding:20px;background:#ffffff70;border-top:3px solid #85ac9b}.cp-input-output>div+div{border-color:#ada0c4}.cp-input-output p{font-size:14px}.cp-step{min-height:385px}
.cp-page .cp-trailer-hero{background:linear-gradient(110deg,#10273f 0 64%,#1d415c 64%);position:relative;isolation:isolate;overflow:hidden}.cp-trailer-hero:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #aacae244;border-radius:50%;right:-80px;top:20px;z-index:-1}.cp-trailer-hero h1 em{color:#efb777}.cp-trailer-stage .cp-image{border-color:#b6c2c5;background:#e8ebdf}.cp-chassis,.cp-chassis:after{background:#abc1c5}
.cp-trailer-gallery{background:#f5f1e7}.cp-trailer-gallery .sp-heading{border-left:6px solid #e3ac54;padding-left:25px}.cp-banner-view>.cp-image{background:linear-gradient(125deg,#d6e2e0 0 30%,#e8e9df 30% 70%,#dadfeb 70%)}
/* The social art has expressive contours with an intact central original. */
.sp-page .sp-social-hero{background:linear-gradient(125deg,#f2f3ed 0 60%,#d3e2e1 60%);color:#183b4b;position:relative;isolation:isolate}.sp-social-hero h1 em{color:#545ba1}.sp-social-hero h1>span{-webkit-text-stroke-color:#466676}.sp-social-hero .mm-button{background:#294a66;color:#f3f4e9}
.sp-social-disc{background:conic-gradient(from 30deg,#c4e3d7,#bccbef,#decdea,#c4e3d7);color:#203e62;box-shadow:inset 0 0 0 1px #8fb5be}.sp-social-caption{background:#1e4051;color:#f6f5e9;border-color:#a7d9be}
.mx-social-trail{position:absolute;inset:0;z-index:-1;pointer-events:none}.mx-social-trail i{position:absolute;width:36%;height:36%;top:0;right:0;border:2px solid #5565aa55;transform:rotate(35deg);border-radius:20px}.mx-social-trail i:nth-child(2){top:53%;left:0;right:auto;border-radius:50%;border-color:#4d9b8477}.mx-social-trail i:nth-child(3){width:24%;height:24%;top:auto;bottom:0;right:10%;border:0;background:#adbce7;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.sp-examples{background:#f5f4ea}.sp-examples .sp-heading{border-left:6px solid #9bceb7;padding-left:25px}.sp-example-images .sp-image{background:linear-gradient(125deg,#dfebdf 0 50%,#d9e0ef 50%);border:1px solid #bbcabc;border-radius:36px 2px 2px 2px}.sp-example-images .sp-image+ .sp-image{border-radius:2px 2px 36px 2px}
/* Two new selectable palettes extend the already working Formwerk. */
.formwerk[data-palette=mint]{--fw-a:#4560c6;--fw-b:#a7dac5;--fw-c:#c5b4e8;--fw-d:#e9c88f;background:#edf2e9;color:#1b3546;border:1px solid #afc6bb}
.formwerk[data-palette=editorial]{--fw-a:#d5e85a;--fw-b:#aec9be;--fw-c:#f1d4b2;--fw-d:#647e98;background:#f1f0e5;color:#183038;border:1px solid #b9c3b1}
.formwerk[data-palette=mint] .fw-core,.formwerk[data-palette=editorial] .fw-core{fill:#183843}.formwerk[data-palette=mint] .fw-word,.formwerk[data-palette=editorial] .fw-word{color:#fff9e9}
.formwerk[data-palette=mint] .fw-meta,.formwerk[data-palette=mint] .fw-slider-label,.formwerk[data-palette=mint] .fw-status,.formwerk[data-palette=mint] .fw-link,.formwerk[data-palette=editorial] .fw-meta,.formwerk[data-palette=editorial] .fw-slider-label,.formwerk[data-palette=editorial] .fw-status,.formwerk[data-palette=editorial] .fw-link{color:#2b4755}
.formwerk[data-palette=mint] .fw-palette button,.formwerk[data-palette=mint] .fw-scroll,.formwerk[data-palette=editorial] .fw-palette button,.formwerk[data-palette=editorial] .fw-scroll{color:#1c3a4a;border-color:#6a8994}.formwerk[data-palette=mint] .fw-palette button[aria-pressed=true],.formwerk[data-palette=editorial] .fw-palette button[aria-pressed=true]{background:#27485b;color:#fff9df;border-color:#27485b}.formwerk[data-palette=mint] .fw-output,.formwerk[data-palette=editorial] .fw-output{color:#365586}.formwerk[data-palette=mint] input,.formwerk[data-palette=editorial] input{accent-color:#355d78}
.formwerk[data-palette=mint] .fw-guide,.formwerk[data-palette=editorial] .fw-guide{stroke:#294d6355}.formwerk[data-palette=mint] button:focus-visible,.formwerk[data-palette=editorial] button:focus-visible,.formwerk[data-palette=mint] input:focus-visible,.formwerk[data-palette=editorial] input:focus-visible{outline-color:#63389c}
.pf-websites .pf-browser{border-radius:24px 3px 3px 3px}.pf-print{background:linear-gradient(110deg,#f0eedf,#e0e9e1)}.pf-print .pf-heading{border-left:5px solid #9bbd61;padding-left:25px}
@media(min-width:1500px){.cp-home-grid>a>div{height:280px}.cp-home-grid>a:first-child{grid-template-rows:440px auto auto 1fr}.cp-home-grid>a:first-child>div{height:440px}}
@media(max-width:1100px){section.sp-social-strip{grid-template-columns:120px 1fr;gap:28px}.sp-social-strip .mm-button{grid-column:2;width:fit-content}.sp-social-strip .mx-sculpture{grid-row:span 2}.cp-home-grid{gap:25px}.cp-home-grid>a{grid-template-columns:1fr;gap:10px}.cp-home-grid>a>div{grid-row:auto;height:210px}.cp-home-grid>a:first-child{grid-template-rows:390px auto auto 1fr;padding:20px}.cp-home-grid>a:first-child>div{height:390px}.cp-home-grid>a:first-child h3{font-size:33px}.cp-home-grid>a h3{font-size:27px}.cp-home-grid>a:nth-child(3)>div{height:220px}.cp-home>.sp-heading{gap:5%}.cp-home>.sp-heading h2{font-size:60px}.cp-home>.sp-heading p{font-size:15px}.cp-page .cp-hero:not(.cp-trailer-hero) h1{font-size:8.5vw}.cp-step{min-height:445px}}
@media(max-width:800px){.mm-home:before{width:100%;height:65%;top:auto;bottom:-12%;right:-30%}.mm-home h2{font-size:58px}.mm-home-visual{max-width:600px;width:100%;margin:auto}.cp-home>.sp-heading{grid-template-columns:1fr}.cp-home>.sp-heading>.eyebrow{grid-column:auto}.cp-home>.sp-heading h2{margin-bottom:25px}.cp-home-grid{grid-template-columns:1fr 1fr}.cp-home-grid>a:first-child{grid-column:span 2;grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:15px 30px;padding:25px}.cp-home-grid>a:first-child>div{grid-row:span 3;height:370px}.cp-home-grid>a:first-child span{margin:0}.cp-home-grid>a:first-child h3{font-size:35px;margin:0}.cp-home-grid>a:first-child p{font-size:15px}.cp-home-grid>a:nth-child(2){border:0}.cp-home-grid>a:nth-child(2)>div,.cp-home-grid>a:nth-child(3)>div{height:240px}.cp-page .cp-hero:not(.cp-trailer-hero) h1{font-size:clamp(62px,11vw,88px)}.cp-hero-montage{padding:18px}.cp-planning .mm-tabs{gap:18px}.cp-step{min-height:455px}.cp-home-grid>a h3{font-size:28px}.mx-edition{font-size:9px}}
@media(max-width:560px){.mm-home h2{font-size:clamp(37px,10vw,54px)}.mm-home-visual{padding:18px 12px;box-shadow:9px 12px 0 #425aa323;border-radius:35px 3px 3px 3px}.mm-home-images{gap:10px}.mm-home-images .mm-image{padding:5px}.mm-home-images .mm-image:nth-child(2){border-radius:20px 2px 2px 2px}.mm-home-label{font-size:8px}.mm-home-captions{font-size:10px}section.sp-social-strip{grid-template-columns:68px 1fr;gap:16px}.sp-social-strip .mx-sculpture{grid-row:auto;align-self:center}.sp-social-strip h2{font-size:29px}.sp-social-strip .mm-button{grid-column:span 2;margin-top:12px}.sp-social-strip:before{left:30%;opacity:.5}.mx-edition{flex-direction:column;gap:8px;margin-bottom:30px;font-size:8px}.cp-home>.sp-heading h2{font-size:45px;line-height:1.01}.cp-home-grid{grid-template-columns:1fr;gap:30px}.cp-home-grid>a:first-child{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto;padding:20px;border-radius:2px 65px 2px 2px;gap:15px}.cp-home-grid>a:first-child>div{grid-row:auto;height:320px}.cp-home-grid>a:first-child span{margin-top:10px}.cp-home-grid>a:first-child h3{font-size:32px}.cp-home-grid>a:nth-child(2)>div{height:210px}.cp-home-grid>a:nth-child(3)>div{height:270px}.cp-home-grid>a h3{font-size:29px}.cp-home-grid>a p{font-size:15px}.cp-home-grid>a span{padding:0}.cp-page .cp-hero:not(.cp-trailer-hero) h1{font-size:clamp(48px,12.5vw,68px)}.mx-cover-index{margin-top:22px;font-size:13px;gap:15px}.mx-cover-index span{font-size:8px}.cp-hero-montage{padding:12px;gap:20px 10px}.cp-hero-montage .cp-image{height:240px;padding:6px}.cp-examples .sp-heading,.cp-trailer-gallery .sp-heading,.sp-examples .sp-heading,.pf-print .pf-heading{padding-left:16px;border-left-width:4px}.cp-examples .sp-heading h2,.sp-examples .sp-heading h2{font-size:34px}.cp-planning .mm-tabs{gap:18px 12px}.cp-planning .mm-tabs button{font-size:12px;min-height:57px}.cp-planning .mm-tabs:before{display:none}.cp-step{min-height:680px}.cp-input-output{gap:18px}.cp-input-output>div{padding:17px}.cp-page .cp-trailer-hero{background:linear-gradient(110deg,#10273f 0 75%,#1d415c 75%)}.sp-page .sp-social-hero{background:linear-gradient(125deg,#f2f3ed 0 72%,#d3e2e1 72%)}.mx-social-trail i{border-width:1px}.formwerk[data-palette=mint],.formwerk[data-palette=editorial]{padding:20px 14px}}
@media(max-width:360px){.cp-hero-montage .cp-image{height:200px}.cp-home>.sp-heading h2{font-size:39px}.cp-home-grid>a:first-child h3{font-size:29px}.cp-home-grid>a:first-child>div{height:280px}.cp-step{min-height:790px}.sp-social-strip h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.mx-sculpture{--mx-scroll:0!important}.cp-planning .mm-tabs button{transition:none}}
.motion-off .mx-sculpture{--mx-scroll:0!important}.motion-off .cp-planning .mm-tabs button{transition:none}
.fw-section .formwerk[data-palette=mint],.fw-section .formwerk[data-palette=editorial]{padding:25px;border-radius:3px 55px 3px 3px}
.cp-page .cp-hero:not(.cp-trailer-hero):after{border:0;clip-path:none;background:transparent url('assets/geometry-hex.svg') center/contain no-repeat}
@media(max-width:560px){.fw-section .formwerk[data-palette=mint],.fw-section .formwerk[data-palette=editorial]{padding:18px 12px}}