/* B&M method: an explicit framework with interactive, project-shaped visuals. */
.mp-page{--mp-ink:#203c49;--mp-muted:#5e737a;--mp-accent:#377b79;--mp-mint:#b9efde;--mp-line:#203c4926;background:#fff;color:var(--mp-ink)}.mp-page :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.04em}.mp-page :is(a,button,summary):focus-visible{outline:2px solid #5a9f8e;outline-offset:5px}.mp-page :is(button,a,summary){touch-action:manipulation}.mp-page section[id]{scroll-margin-top:142px}.mp-page .eyebrow{font-size:9px;letter-spacing:.12em;line-height:1.7;margin-bottom:20px}.mp-page h2{font:500 clamp(32px,3.4vw,47px)/1.1 var(--display)}.mp-page h2 em{font:italic 400 1.12em/1.1 var(--serif);color:var(--mp-accent)}.mp-section{padding:60px 0}.mp-hero{padding:145px 0 55px}.mp-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.mp-hero h1{font:500 clamp(45px,4.8vw,68px)/1.06 var(--display);letter-spacing:-.05em}.mp-hero h1 em{font:italic 400 1.12em/1.06 var(--serif);color:var(--mp-accent)}.mp-hero-copy>p{font-size:15px;line-height:1.85;color:var(--mp-muted);margin-top:25px;max-width:43ch}.mp-primary-link{display:inline-flex;align-items:center;gap:30px;min-height:44px;margin-top:24px;font-size:12px}.mp-primary-link>span{height:34px;width:34px;border:1px solid var(--mp-line);border-radius:50%;display:grid;place-items:center;font-size:20px}.mp-hero-board{background:#e6efe8;position:relative;isolation:isolate;padding:27px 27px 20px;border:1px solid #2c6c4d12;border-radius:65px 7px 7px 7px;min-width:0}.mp-board-top{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.07em;color:#6f8d79;padding-left:18px}.mp-hero-board>strong{display:block;font:500 33px/1.1 var(--display);letter-spacing:-.04em;color:#2c5345;margin:32px 0 28px;padding-left:10px}.mp-hero-board>strong em{font:italic 400 1.12em/1.1 var(--serif);color:#55866b}.mp-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:155px}.mp-kanban>div{min-width:0;background:#ffffff4a;padding:11px 8px 4px;border-radius:4px}.mp-kanban>div>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#688674;margin-bottom:12px}.mp-kanban>div>span>i{height:5px;width:5px;background:#91b49c;border-radius:50%}.mp-kanban b{display:block;background:#fff;padding:12px 8px;margin-bottom:8px;border:1px solid #97b9a32b;border-radius:4px;box-shadow:0 6px 10px #325f3a08;font-size:10px;line-height:1.4;color:#3f674f;font-weight:500}.mp-kanban small{display:block;font-size:7px;font-weight:400;color:#8ca18e;line-height:1.5;margin-top:8px}.mp-kanban>div:nth-child(2){transform:translateY(14px)}.mp-kanban>div:nth-child(3){transform:translateY(27px)}.mp-board-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:16px;border-top:1px solid #466b4e22;font-size:9px;color:#6d8b74}.mp-board-bottom>i{font-style:normal;font-size:28px;color:#497a5b}.mp-index{position:sticky;top:72px;z-index:30;background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid var(--mp-line);border-bottom:1px solid var(--mp-line)}.mp-index>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;overflow-x:auto;scrollbar-width:thin}.mp-index a{min-height:52px;flex-shrink:0;display:flex;align-items:center;gap:10px;font-size:11px;color:#4c6c71}.mp-index a>span{font-size:8px;color:#7da094}.mp-index a:hover{color:#245f4b}.mp-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:32px}.mp-heading>div{min-width:0}.mp-heading>p{font-size:14px;line-height:1.85;max-width:40ch;color:var(--mp-muted);flex:0 1 32%}.mp-framing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:start}.mp-framing-card{background:#f6f8f4;border:1px solid var(--mp-line);border-radius:5px;overflow:hidden}.mp-framing-card summary{display:block;cursor:pointer;padding:24px}.mp-framing-card summary::-webkit-details-marker{display:none}.mp-paper-visual{display:block;position:relative;background:#fff;border:1px solid #bdd1c1;border-radius:4px;box-shadow:5px 7px 0 #e0e9dc;height:95px;width:80px;padding:15px 13px;margin:0 0 24px 7px;rotate:-5deg}.mp-paper-visual>b{display:block;font:500 22px/1 var(--display);color:#6b9679;margin-bottom:12px}.mp-paper-visual>i{display:block;height:3px;background:#d6e4d3;margin-top:6px;border-radius:2px}.mp-paper-visual>i:last-child{width:65%}.mp-framing-card h3{font:500 23px/1.2 var(--display);margin-bottom:10px}.mp-framing-card summary>p{font-size:13px;line-height:1.8;color:var(--mp-muted);min-height:46px}.mp-disclosure{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#507967;margin-top:20px;padding-top:15px;border-top:1px solid var(--mp-line)}.mp-disclosure>i{font-style:normal;font-size:20px;transition:rotate .25s}.mp-framing-card[open] .mp-disclosure>i{rotate:45deg}.mp-framing-card>ul{list-style:none;padding:0 24px 22px;margin:0;display:grid;gap:12px}.mp-framing-card>ul>li{display:flex;gap:9px;font-size:12px;line-height:1.7;color:#577565}.mp-framing-card .icon{width:15px;height:15px;flex-shrink:0;margin-top:3px}.mp-framing-result{border-top:1px solid var(--mp-line);display:flex;align-items:center;gap:35px;margin-top:27px;padding-top:20px}.mp-framing-result>span{font-size:8px;letter-spacing:.1em;color:#7b9888}.mp-framing-result>p{font-size:13px;line-height:1.8;color:#5c7870}.mp-agile{background:radial-gradient(ellipse at 0 25%,#254c5150,transparent 65%),#111e2c;color:#eef6f0}.mp-agile .eyebrow{color:#a6d7c9}.mp-agile h2 em{color:#b9efde}.mp-agile .mp-heading>p{color:#b4ced0}.mp-cycle{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.mp-cycle-visual{position:relative;min-height:450px;min-width:0;isolation:isolate}.mp-cycle-ring{position:absolute;width:390px;height:390px;max-width:100%;left:50%;top:12px;transform:translateX(-50%)}.mp-cycle-ring>svg{display:block;width:100%;height:100%;fill:none;stroke:#b9efde23;stroke-width:1}.mp-ring-progress{stroke:#a5d8c5;stroke-width:2;stroke-dasharray:848;stroke-dashoffset:636;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .6s ease}.mp-cycle-ring>span{position:absolute;right:19%;top:13%;font-size:25px;rotate:30deg;color:#94c6b5}.mp-cycle-center{position:absolute;top:115px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.mp-cycle-center>span{display:block;font-size:8px;letter-spacing:.1em;color:#7fa99e}.mp-cycle-center strong{display:block;font:500 31px/1.05 var(--display);letter-spacing:-.04em;color:#e0f2e7;margin-top:14px}.mp-cycle-center em{font:italic 400 1.16em/1.1 var(--serif);color:#b9efde}.mp-cycle-center small{display:block;font-size:9px;letter-spacing:.15em;color:#709d91;margin-top:19px;font-variant-numeric:tabular-nums}.mp-cycle-controls>button{position:absolute;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;width:130px;border:1px solid #8bbfaf40;border-radius:5px;background:#192f3c;color:#bcd5cf;font:500 13px/1.4 var(--display);cursor:pointer;transition:background .3s,color .3s,border-color .3s}.mp-cycle-controls>button>span{font:400 8px/1 var(--body);opacity:.7}.mp-cycle-controls>button:nth-child(1){left:50%;top:13px;transform:translateX(-50%)}.mp-cycle-controls>button:nth-child(2){right:0;top:175px}.mp-cycle-controls>button:nth-child(3){left:50%;top:335px;transform:translateX(-50%)}.mp-cycle-controls>button:nth-child(4){left:0;top:175px}.mp-cycle-controls>button.is-active{background:#b9efde;color:#214c3e;border-color:#d9fff1;box-shadow:0 0 0 5px #b9efde06}.mp-cycle-play{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:18px;font-size:10px;color:#a6cbbb;padding:9px 15px;min-height:38px;border:1px solid #a7d4c12e;border-radius:25px;background:transparent;white-space:nowrap;cursor:pointer}.mp-cycle-play>span{font-size:11px}.mp-kicker{display:block;font-size:9px;letter-spacing:.11em;color:#6f9686}.mp-cycle-panels .mp-kicker{color:#8fbcac}.mp-cycle-panels h3{font:500 clamp(28px,2.9vw,39px)/1.13 var(--display);margin:18px 0 20px;letter-spacing:-.04em;color:#eef7ee}.mp-cycle-panels>div>p{font-size:14px;line-height:1.9;color:#b5ced0;max-width:47ch}.mp-cycle-panels dl{margin-top:23px}.mp-cycle-panels dl>div{padding:15px 0;border-top:1px solid #b9efde20}.mp-cycle-panels dt{font-size:9px;letter-spacing:.03em;color:#a4c5bb;margin-bottom:8px}.mp-cycle-panels dd{font-size:13px;line-height:1.8;margin:0;color:#d0dfdd;max-width:48ch}.mp-cycle-panels .mp-cycle-output{padding:17px 20px;border:1px solid #b9efde25;background:#b9efde07;border-radius:4px;margin-top:5px}.mp-loop-note{font-size:11px;line-height:1.8;color:#88b2a5;text-align:center;border-top:1px solid #b9efde20;padding-top:22px;margin-top:30px}.mp-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.mp-role{padding:25px;background:#f7f9f5;border:1px solid var(--mp-line);border-radius:5px}.mp-role-icon{display:grid;place-items:center;height:43px;width:43px;border-radius:50%;color:#4a7a65;background:#e2eee4;margin-bottom:22px}.mp-role-icon .icon{width:23px;height:23px}.mp-role h3{font:500 25px/1.2 var(--display);margin:15px 0;letter-spacing:-.03em}.mp-role>p{font-size:13px;line-height:1.85;color:var(--mp-muted)}.mp-role details{border-top:1px solid var(--mp-line);margin-top:20px;padding-top:12px}.mp-role summary{font-size:11px;color:#507966;cursor:pointer;min-height:30px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px}.mp-role summary::-webkit-details-marker{display:none}.mp-role summary>span{font-size:20px;transition:rotate .25s}.mp-role details[open] summary>span{rotate:45deg}.mp-role details ul{padding:10px 0 0 15px;margin:0;display:grid;gap:9px;font-size:12px;line-height:1.8;color:#638074}.mp-visibility{background:#f2f6f2}.mp-artifact-studio{border:1px solid #5a805b20;border-radius:6px;background:#fff;overflow:hidden}.mp-artifact-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--mp-line)}.mp-artifact-tabs button{min-height:55px;display:flex;align-items:center;gap:13px;padding:13px 22px;background:transparent;border:0;border-bottom:2px solid transparent;font:500 14px/1.3 var(--display);color:#78908b;cursor:pointer}.mp-artifact-tabs button>span{font-size:8px;color:#8ba99c}.mp-artifact-tabs button>i{font-style:normal;font-size:22px;margin-left:auto;opacity:0}.mp-artifact-tabs button[aria-selected=true]{background:#f1f6ef;color:#305f4c;border-color:#639a81}.mp-artifact-tabs button[aria-selected=true]>i{opacity:1}.mp-artifact-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;padding:28px;min-height:340px}.mp-artifact-art{position:relative;min-height:280px;background:#e9f0e5;padding:25px 25px 40px;display:grid;place-items:center;border-radius:5px;min-width:0;overflow:hidden}.mp-artifact-tag{position:absolute;bottom:13px;left:20px;font-size:7px;letter-spacing:.06em;color:#73907a}.mp-artifact-copy h3{font:500 30px/1.15 var(--display);letter-spacing:-.04em;margin-bottom:20px}.mp-artifact-copy>p{font-size:14px;line-height:1.9;color:var(--mp-muted);max-width:40ch}.mp-art-backlog{width:100%;background:#fff;border:1px solid #b9cfbc;border-radius:5px;box-shadow:0 12px 20px #3d693b13;padding:16px}.mp-art-backlog>header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:17px}.mp-art-backlog strong{font-size:11px;font-weight:500;color:#45664d}.mp-art-backlog>header>span{font-size:7px;letter-spacing:.08em;color:#89a18b}.mp-art-backlog>div{display:flex;gap:10px;align-items:center;border-top:1px solid #496a4f16;padding:13px 0}.mp-priority{font-size:8px;color:#95ad93}.mp-art-backlog>div>strong{font-size:9px;flex:1}.mp-art-backlog>div>i{font-style:normal;font-size:7px;padding:5px 7px;background:#edf3e7;color:#769073;white-space:nowrap;border-radius:4px}.mp-art-prototype{display:flex;align-items:center;justify-content:center;width:100%;gap:15px}.mp-mini-screen{width:135px;height:165px;border:1px solid #a5c5b2;border-radius:5px;background:#f9fcf6;box-shadow:0 10px 20px #3d693b13;padding:15px 12px}.mp-mini-screen>span{display:block;font-size:11px;color:#557a61;margin-bottom:20px}.mp-mini-screen>i{display:block;height:9px;border:1px dashed #aac4ac;background:#e8f0e2;margin-bottom:9px;border-radius:2px}.mp-mini-screen>b{display:block;font-size:8px;padding:8px 0;text-align:center;color:#6b9477;border:1px solid #b0cbb4;border-radius:3px;margin-top:17px;font-weight:400}.mp-prototype-arrow{font-size:23px;color:#689173}.mp-art-demo{width:100%;border:1px solid #b7cdbd;border-radius:5px;background:#fff;overflow:hidden;box-shadow:0 10px 20px #3d693b13}.mp-mini-browser{display:flex;gap:4px;height:19px;align-items:center;padding:0 8px;background:#edf4e8}.mp-mini-browser span{height:3px;width:3px;background:#89ab92;border-radius:50%}.mp-art-demo img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}.mp-art-decisions{width:260px;padding:20px 22px;background:#fff;border:1px solid #bed1bf;border-radius:4px;box-shadow:6px 8px 0 #d4e2d1;rotate:-3deg}.mp-art-decisions>span{font-size:7px;letter-spacing:.09em;color:#83a188}.mp-art-decisions>strong{display:block;font:500 23px/1.1 var(--display);color:#486c50;letter-spacing:-.035em;margin-top:14px}.mp-art-decisions dl{margin:18px 0 0}.mp-art-decisions dl>div{border-top:1px solid #74977b24;padding:9px 0}.mp-art-decisions dt{font-size:7px;color:#86a388;margin-bottom:4px}.mp-art-decisions dd{font-size:8px;color:#5b805f;margin:0;line-height:1.6}.mp-delivery-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center}.mp-delivery-grid>ol{list-style:none;padding:0;margin:0}.mp-delivery-grid>ol>li{display:flex;gap:22px;padding:20px 0;border-top:1px solid var(--mp-line)}.mp-delivery-grid>ol>li>span{font-size:10px;color:#6d9a86;padding-top:6px}.mp-delivery-grid h3{font:500 23px/1.2 var(--display);letter-spacing:-.035em;margin-bottom:12px}.mp-delivery-grid li p{font-size:13px;line-height:1.85;color:var(--mp-muted);max-width:47ch}.mp-handover{position:relative;background:#edf3e9;border-radius:6px;padding:32px}.mp-folder{position:relative;border:1px solid #8db79c;background:linear-gradient(125deg,#d7ead8,#b8d7bf);padding:38px 22px 22px;border-radius:4px;box-shadow:0 17px 20px #3d693b13;color:#416c49;margin:12px 20px 30px;rotate:-4deg;isolation:isolate}.mp-folder>span{position:absolute;width:44%;height:15px;left:-1px;top:-14px;background:#d0e6d2;border:1px solid #8db79c;border-bottom:0;border-radius:6px 6px 0 0;z-index:-1}.mp-folder>strong{display:block;font:500 26px/1.1 var(--display);letter-spacing:-.04em}.mp-folder>i{display:block;font-style:normal;font-size:10px;margin-top:12px;color:#6f9273}.mp-folder>b{position:absolute;right:-15px;bottom:-12px;display:grid;place-items:center;width:40px;height:40px;background:#f7fcf2;border:1px solid #adcdb3;border-radius:50%;font-size:21px;color:#60916b;font-weight:400}.mp-handover>ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding:0;margin:0}.mp-handover li{display:flex;gap:9px;align-items:center;font-size:11px;color:#68836c;line-height:1.6}.mp-handover .icon{height:17px;width:17px;flex-shrink:0;color:#5f926e}.mp-handover>p{font-size:10px;line-height:1.8;color:#7e9780;border-top:1px solid #5b815e26;padding-top:18px;margin-top:23px}.mp-formats{background:#f5f8f5}.mp-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mp-format-grid>article{background:#e4eee7;padding:30px;border:1px solid #5b815e18;border-radius:5px}.mp-format-grid>article:nth-child(2){background:#e6edf2}.mp-format-grid h3{font:500 31px/1.13 var(--display);letter-spacing:-.04em;margin:18px 0}.mp-format-grid p{font-size:13px;line-height:1.9;color:#5c7777;max-width:53ch}.mp-format-grid ul{font-size:12px;line-height:1.8;color:#577773;padding:18px 0 0 17px;margin:20px 0 0;border-top:1px solid #57777325;display:grid;gap:9px}.mp-format-grid .text-link{display:flex;justify-content:space-between;font-size:12px;margin-top:25px;min-height:40px}.mp-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.mp-faq details{border-top:1px solid var(--mp-line);padding:18px 0}.mp-faq details:last-child{border-bottom:1px solid var(--mp-line)}.mp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;font:500 17px/1.4 var(--display);color:#365860;cursor:pointer;list-style:none;min-height:30px}.mp-faq summary::-webkit-details-marker{display:none}.mp-faq summary>span{font:400 24px/1 var(--body);color:#6c9a86;transition:rotate .25s}.mp-faq details[open] summary>span{rotate:45deg}.mp-faq details>p{font-size:13px;line-height:1.9;color:var(--mp-muted);margin-top:18px;max-width:65ch}.mp-contact{background:radial-gradient(ellipse at 15% 0,#25465555,transparent 70%),#111e2c;color:#fff;padding:38px 0;border-bottom:1px solid #b9efde18}.mp-contact>.wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.mp-contact h2{font-size:clamp(30px,3vw,42px)}.mp-contact h2 em{color:#b9efde}.mp-contact a{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:60px;padding:8px 8px 8px 25px;border-radius:35px;background:#fff;color:#203c49;font-size:12px;flex-shrink:0}.mp-contact a>span{width:44px;height:44px;background:#b9efde;border-radius:50%;display:grid;place-items:center;font-size:23px}
@media(prefers-reduced-motion:no-preference){.mp-hero-copy,.mp-hero-board{animation:mp-enter 1s cubic-bezier(.16,1,.3,1) both}.mp-hero-board{animation-delay:.12s}.mp-cycle-panels>div:not([hidden]),.mp-artifact-panel:not([hidden]){animation:mp-enter .5s cubic-bezier(.16,1,.3,1) both}.mp-kanban b{animation:mp-enter .9s .2s both}@keyframes mp-enter{from{opacity:.2;translate:0 14px}to{opacity:1;translate:0 0}}}
@media(max-width:1100px){.mp-hero-grid{gap:5%}.mp-hero h1{font-size:55px}.mp-hero-board{padding:25px 20px 18px}.mp-board-top{font-size:6px}.mp-hero-board>strong{font-size:29px}.mp-kanban{gap:8px}.mp-kanban>div{padding:10px 6px 3px}.mp-kanban>div>span{font-size:8px}.mp-kanban b{font-size:9px;padding:10px 7px}.mp-kanban small{font-size:6px}.mp-heading{gap:35px}.mp-cycle{gap:5%}.mp-cycle-controls>button{width:110px;font-size:12px}.mp-cycle-ring{width:340px;height:340px;top:35px}.mp-cycle-center{top:120px}.mp-cycle-center strong{font-size:29px}.mp-artifact-tabs button{padding-inline:15px;font-size:12px;gap:10px}.mp-artifact-panel{gap:30px;padding:24px;grid-template-columns:1.15fr 1fr}.mp-artifact-art{padding-inline:18px}.mp-art-backlog{padding:14px 12px}.mp-art-backlog>header{gap:10px}.mp-art-backlog strong{font-size:10px}.mp-art-backlog>div{gap:8px}.mp-art-backlog>div>strong{font-size:8px}.mp-mini-screen{width:110px;padding:15px 10px}.mp-art-prototype{gap:10px}.mp-role{padding:22px}.mp-role h3{font-size:23px}.mp-delivery-grid{gap:7%}.mp-handover{padding:27px 23px}.mp-handover>ul{gap:15px 9px}.mp-handover li{font-size:10px}}
@media(max-width:800px){.mp-hero-grid{grid-template-columns:1fr;gap:35px}.mp-hero-copy>p{max-width:58ch}.mp-hero-board{max-width:600px;width:100%;justify-self:center}.mp-cycle{grid-template-columns:1fr;gap:35px}.mp-cycle-visual{max-width:520px;width:100%;justify-self:center}.mp-cycle-ring{width:390px;height:390px;top:10px}.mp-cycle-center{top:115px}.mp-cycle-controls>button{width:130px}.mp-cycle-panels{max-width:650px}.mp-cycle-panels>div>p,.mp-cycle-panels dd{max-width:none}.mp-role-grid{gap:16px}.mp-role{padding:20px 17px}.mp-role h3{font-size:21px}.mp-artifact-panel{grid-template-columns:1.1fr 1fr;gap:25px}.mp-artifact-art{padding-inline:13px}.mp-art-backlog>div>i{font-size:6px;padding:4px 5px}.mp-art-backlog>header>span{display:none}.mp-art-decisions{width:220px;padding:17px 18px}.mp-artifact-copy h3{font-size:26px}.mp-artifact-copy>p{font-size:13px}.mp-delivery-grid{gap:5%}.mp-folder{margin-inline:8px}.mp-folder>strong{font-size:23px}.mp-handover>ul{grid-template-columns:1fr}.mp-format-grid>article{padding:25px}.mp-faq-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.mp-hero{padding:112px 0 35px}.mp-hero h1{font-size:46px}.mp-hero-copy>p{font-size:14px;margin-top:20px}.mp-page .eyebrow{font-size:9px;margin-bottom:17px}.mp-hero-grid{gap:30px}.mp-hero-board{padding:23px 16px 17px;border-top-left-radius:45px}.mp-hero-board>strong{font-size:28px;margin:27px 0 23px}.mp-board-top{font-size:6px;padding-left:12px}.mp-board-top>span:last-child{max-width:110px;text-align:right;line-height:1.6}.mp-kanban{gap:7px;min-height:150px}.mp-kanban>div{padding:9px 5px 3px}.mp-kanban>div>span{font-size:7px;gap:4px;white-space:nowrap}.mp-kanban>div>span>i{width:4px;height:4px;flex-shrink:0}.mp-kanban b{font-size:8px;padding:10px 6px}.mp-kanban small{font-size:6px}.mp-board-bottom{font-size:8px;margin-top:30px}.mp-index{top:68px}.mp-index>.wrap{gap:25px;justify-content:flex-start}.mp-index a{min-height:47px;font-size:10px;gap:8px}.mp-index a>span{font-size:8px}.mp-section{padding:38px 0}.mp-page h2{font-size:33px}.mp-heading{display:block;margin-bottom:25px}.mp-heading>p{font-size:13px;margin-top:20px;max-width:47ch}.mp-framing-grid{grid-template-columns:1fr;gap:15px}.mp-framing-card summary{display:grid;grid-template-columns:67px 1fr;column-gap:20px;padding:20px}.mp-paper-visual{grid-row:1/4;width:56px;height:73px;padding:10px 9px;margin:3px 0 0 3px}.mp-paper-visual>b{font-size:19px;margin-bottom:10px}.mp-paper-visual>i{height:2px;margin-top:5px}.mp-framing-card h3{font-size:23px;margin-bottom:6px}.mp-framing-card summary>p{font-size:12px;min-height:0}.mp-disclosure{font-size:9px;grid-column:2;margin-top:12px;padding-top:10px}.mp-framing-card>ul{padding:0 20px 20px}.mp-framing-card>ul>li{font-size:12px}.mp-framing-result{display:block;margin-top:22px;padding-top:17px}.mp-framing-result>span{font-size:8px}.mp-framing-result>p{font-size:12px;margin-top:10px}.mp-cycle{gap:28px}.mp-cycle-visual{min-height:370px}.mp-cycle-ring{width:300px;height:300px;top:10px;max-width:100%}.mp-cycle-center{top:85px}.mp-cycle-center>span{font-size:7px}.mp-cycle-center strong{font-size:24px;margin-top:10px}.mp-cycle-center small{font-size:8px;margin-top:15px}.mp-cycle-controls>button{width:102px;min-height:43px;font-size:11px;gap:6px}.mp-cycle-controls>button>span{font-size:7px}.mp-cycle-controls>button:nth-child(1){top:2px}.mp-cycle-controls>button:nth-child(2){top:138px;right:-3px}.mp-cycle-controls>button:nth-child(3){top:271px}.mp-cycle-controls>button:nth-child(4){top:138px;left:-3px}.mp-cycle-play{font-size:10px;min-height:37px;padding-inline:13px}.mp-cycle-panels h3{font-size:29px;margin:15px 0 18px}.mp-cycle-panels>div>p{font-size:13px}.mp-cycle-panels dl{margin-top:20px}.mp-cycle-panels dd{font-size:12px}.mp-cycle-panels dt{font-size:9px}.mp-cycle-panels .mp-cycle-output{padding:15px 17px}.mp-loop-note{font-size:10px;text-align:left;margin-top:25px;padding-top:18px}.mp-role-grid{grid-template-columns:1fr;gap:16px}.mp-role{position:relative;padding:22px}.mp-role-icon{width:37px;height:37px;float:right;margin-bottom:0;margin-left:20px}.mp-role-icon .icon{width:20px;height:20px}.mp-role h3{font-size:25px;max-width:85%;margin:13px 0}.mp-role>p{font-size:13px}.mp-role details{margin-top:17px}.mp-artifact-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-artifact-tabs button{font-size:12px;min-height:49px;padding:12px 14px;gap:10px}.mp-artifact-panel{grid-template-columns:1fr;gap:25px;padding:20px;min-height:0}.mp-artifact-art{min-height:240px;padding:22px 15px 38px}.mp-artifact-copy h3{font-size:27px;margin-bottom:16px}.mp-artifact-copy>p{font-size:13px;max-width:none}.mp-artifact-tag{font-size:6px;left:15px}.mp-art-backlog{padding:13px 11px}.mp-art-backlog>header>strong{font-size:10px}.mp-art-backlog>div{padding-block:13px;gap:8px}.mp-art-backlog>div>strong{font-size:8px}.mp-art-backlog>div>i{font-size:6px;padding:5px}.mp-art-prototype{gap:10px}.mp-mini-screen{width:105px;height:148px;padding:13px 10px}.mp-mini-screen>span{font-size:9px}.mp-mini-screen>b{font-size:7px}.mp-prototype-arrow{font-size:20px}.mp-art-decisions{width:220px;padding:18px}.mp-art-decisions>strong{font-size:23px}.mp-delivery-grid{grid-template-columns:1fr;gap:30px}.mp-delivery-grid>ol>li{gap:18px;padding:18px 0}.mp-delivery-grid h3{font-size:23px}.mp-delivery-grid li p{font-size:13px}.mp-handover{padding:25px}.mp-folder{max-width:260px;margin:10px auto 30px}.mp-handover>ul{grid-template-columns:1fr 1fr;gap:15px}.mp-handover li{font-size:10px}.mp-handover>p{font-size:10px}.mp-format-grid{grid-template-columns:1fr;gap:18px}.mp-format-grid>article{padding:24px}.mp-format-grid h3{font-size:30px}.mp-format-grid p{font-size:13px}.mp-format-grid ul{font-size:12px;margin-top:18px;padding-top:17px}.mp-format-grid .text-link{font-size:11px;margin-top:20px}.mp-faq-grid{gap:25px}.mp-faq summary{font-size:16px;gap:20px}.mp-faq details>p{font-size:13px}.mp-contact{padding:30px 0}.mp-contact>.wrap{flex-wrap:wrap;gap:25px}.mp-contact h2{font-size:32px}.mp-contact a{font-size:12px;min-height:56px;gap:28px}.mp-contact a>span{height:40px;width:40px}.mp-page section[id]{scroll-margin-top:130px}}
@media(max-width:370px){.mp-hero h1{font-size:41px}.mp-page h2{font-size:30px}.mp-kanban{gap:5px}.mp-kanban>div{padding-inline:4px}.mp-kanban b{font-size:7px;padding:9px 5px}.mp-kanban small{font-size:5.5px}.mp-cycle-ring{width:270px;height:270px;top:24px}.mp-cycle-controls>button{width:90px;font-size:10px}.mp-cycle-center strong{font-size:23px}.mp-cycle-center>span{font-size:6px}.mp-artifact-panel{padding:16px}.mp-artifact-art{padding-inline:10px}.mp-art-backlog>div{gap:6px}.mp-art-backlog>div>strong{font-size:7px}.mp-art-backlog>div>i{font-size:5.5px}.mp-art-decisions{width:195px;padding:16px}.mp-mini-screen{width:93px;padding-inline:8px}.mp-art-prototype{gap:8px}.mp-prototype-arrow{font-size:16px}.mp-handover{padding:23px 20px}.mp-handover>ul{gap:13px 9px}.mp-handover li{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mp-page *{animation:none!important;transition:none!important}.mp-cycle-play{display:none}.mp-index{backdrop-filter:none;background:#fff}}
.mp-index a[aria-current=location]{color:#285e4c}.mp-index a[aria-current=location]>span{color:#285e4c}
.mp-art-demo{max-width:380px}
/* A working example in the opening scene. */
.mp-kanban{position:relative;min-height:190px;align-items:start}.mp-kanban>div{min-height:145px;background:#ffffff42;padding:12px 10px}.mp-kanban>div:nth-child(2),.mp-kanban>div:nth-child(3){transform:none}.mp-board-slot{display:block;height:83px;border:1px dashed #7ca48c36;border-radius:4px;background:#ffffff12}.mp-board-feature{position:absolute;top:44px;left:6px;width:calc((100% - 60px)/3);min-height:90px;background:#fff;border:1px solid #89b39c;border-radius:5px;box-shadow:0 10px 16px #355d361a;padding:14px 10px;transform:translateX(0);transition:transform .65s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s;color:#3f674f;z-index:2}.mp-board-feature>span{display:block;font-size:16px;color:#7ca88b;margin-bottom:12px}.mp-board-feature>strong{display:block;font-size:11px;line-height:1.4;font-weight:500}.mp-board-feature>small{display:block;font-size:8px;line-height:1.6;color:#88a18a;margin-top:9px}.mp-hero-board[data-board-step="1"] .mp-board-feature{transform:translateX(calc(100% + 24px));border-color:#91b3c2;background:#f8fcff}.mp-hero-board[data-board-step="2"] .mp-board-feature{transform:translateX(calc(200% + 48px));border-color:#6ca586;background:#f1faef}.mp-hero-board[data-board-step="2"] .mp-board-feature>span{color:#377d55}.mp-board-top{font-size:8px;line-height:1.7}.mp-board-bottom{margin-top:10px;gap:18px;min-height:51px}.mp-board-bottom>[data-board-caption]{font-size:10px;line-height:1.75;max-width:28ch}.mp-board-advance{display:inline-flex;align-items:center;justify-content:center;gap:15px;flex-shrink:0;min-height:37px;padding:8px 12px;border:1px solid #719f803b;border-radius:23px;background:#f9fcf6;color:#517d5b;font-size:9px;cursor:pointer}.mp-board-advance>span{font-size:18px}.mp-board-advance:hover{background:#fff;border-color:#659c76}
/* Reserve the tallest state: changing explanations does not move the following sections. */
.mp-cycle-panels,.mp-artifact-body{display:grid}.mp-cycle-panels>div{grid-area:1/1}.mp-cycle-panels>div[hidden]{display:block!important;visibility:hidden;pointer-events:none}.mp-artifact-panel{grid-area:1/1}.mp-artifact-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}.mp-cycle-panels>div:not([hidden]){animation-duration:.4s}.mp-cycle-controls>button:hover:not(.is-active){background:#26443e;border-color:#91c6b266}.mp-cycle-play:hover{background:#b9efde0b;border-color:#a7d4c166}.mp-cycle-ring{filter:drop-shadow(0 0 12px #a5d8c509)}.mp-cycle-center>span{font-size:9px}.mp-cycle-center small{letter-spacing:.12em}.mp-index a{position:relative}.mp-index a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#6c9f88;transform:scaleX(0);transform-origin:left;transition:transform .3s}.mp-index a[aria-current=location]:after{transform:scaleX(1)}
/* The responsibility section is an editorial triptych rather than another set of cards. */
.mp-role-grid{gap:0;border-top:1px solid var(--mp-line);border-bottom:1px solid var(--mp-line)}.mp-role{padding:30px;background:transparent;border:0;border-right:1px solid var(--mp-line);border-radius:0}.mp-role:last-child{border-right:0;background:#f1f6f0}.mp-role-icon{height:51px;width:51px;background:#e5eee7;margin-bottom:23px}.mp-role-icon .icon{height:25px;width:25px}.mp-role:last-child .mp-role-icon{background:#d4e9da}.mp-role h3{font-size:26px}.mp-role summary{min-height:38px}.mp-role details[open]{padding-bottom:8px}
.mp-delivery-grid>ol{position:relative;isolation:isolate}.mp-delivery-grid>ol:before{content:'';position:absolute;top:23px;bottom:40px;left:15px;border-left:1px solid #88ad9830;z-index:-1}.mp-delivery-grid>ol>li{gap:20px}.mp-delivery-grid>ol>li>span{padding:0;display:grid;place-items:center;height:31px;width:31px;flex-shrink:0;border:1px solid #bdd4c5;background:#f7faf3;border-radius:50%;font-size:9px;margin-top:2px}.mp-delivery-grid>ol>li:last-child>span{background:#d8ecdb;border-color:#a7c9ae;color:#437e51}.mp-folder{box-shadow:5px -6px 0 #e5f1dd,6px -7px 0 #adc9ad,10px -13px 0 #f3f9ed,11px -14px 0 #c6d9c1,0 17px 20px #3d693b13}.mp-handover>ul{padding-top:5px}.mp-format-grid article{display:flex;flex-direction:column}.mp-format-grid .text-link{margin-top:auto;padding-top:22px}.mp-format-grid article>ul{margin-bottom:10px}
@media(max-width:1100px){.mp-board-feature{padding:12px 8px}.mp-board-feature>strong{font-size:10px}.mp-board-feature>small{font-size:7px}.mp-board-advance{font-size:8px;padding-inline:10px;gap:10px}.mp-board-bottom>[data-board-caption]{font-size:9px}.mp-role{padding:25px}.mp-role h3{font-size:23px}}
@media(max-width:600px){.mp-board-top{font-size:6px}.mp-kanban{min-height:166px;gap:7px}.mp-kanban>div{padding:10px 5px;min-height:131px}.mp-board-slot{height:77px}.mp-board-feature{left:3px;top:35px;width:calc((100% - 32px)/3);min-height:99px;padding:12px 7px}.mp-board-feature>span{font-size:15px;margin-bottom:10px}.mp-board-feature>strong{font-size:9px}.mp-board-feature>small{font-size:6px;line-height:1.6}.mp-hero-board[data-board-step="1"] .mp-board-feature{transform:translateX(calc(100% + 13px))}.mp-hero-board[data-board-step="2"] .mp-board-feature{transform:translateX(calc(200% + 26px))}.mp-board-bottom{margin-top:7px;gap:10px}.mp-board-bottom>[data-board-caption]{font-size:8px;max-width:22ch}.mp-board-advance{min-height:39px;font-size:8px;gap:8px;padding-inline:9px}.mp-board-advance>span{font-size:16px}.mp-role-grid{gap:0}.mp-role{padding:25px 20px;border-right:0;border-bottom:1px solid var(--mp-line)}.mp-role:last-child{border-bottom:0}.mp-role h3{font-size:26px}.mp-role-icon{height:43px;width:43px}.mp-role-icon .icon{height:22px;width:22px}.mp-cycle-center>span{font-size:7px}.mp-cycle-controls>button{min-height:45px}.mp-cycle-play{min-height:40px}.mp-delivery-grid>ol>li{gap:17px}.mp-delivery-grid>ol>li>span{height:29px;width:29px}.mp-delivery-grid>ol:before{left:14px}.mp-format-grid .text-link{min-height:44px}}
@media(max-width:370px){.mp-board-feature>strong{font-size:8px}.mp-board-feature{padding-inline:6px}.mp-board-feature>small{font-size:6px}.mp-board-bottom{flex-wrap:wrap;gap:11px;padding-top:14px}.mp-board-bottom>[data-board-caption]{max-width:none;flex:1 1 100%}.mp-board-advance{margin-left:auto;font-size:9px}.mp-board-bottom{min-height:80px}.mp-role h3{font-size:24px}}
@media(pointer:coarse){.mp-board-advance{min-height:44px}.mp-cycle-play{min-height:44px}}