/* A tangible project: intent, design, build, launch. */
.mt-method{--mt-header:90px;position:relative;isolation:isolate;background:#08090d;color:#f4f3ed;padding-top:clamp(85px,10vw,155px)}
.mt-heading{padding-bottom:clamp(38px,5vw,72px)}
.mt-heading .eyebrow{margin-bottom:36px}.mt-heading h2{margin:0;font:500 clamp(46px,6.6vw,106px)/.98 var(--f-sans);letter-spacing:-.06em}.mt-heading h2 em{font:400 1.08em/1.06 var(--f-serif);letter-spacing:-.025em;color:#d1cdef}
.mt-heading>p{max-width:50ch;margin:25px 0 0;color:#adaabb;font-size:clamp(14px,1.1vw,17px);line-height:1.8}
.mt-stage{position:relative;padding:20px var(--pad) 18px;background:radial-gradient(ellipse at 78% 50%,#4031742b,transparent 55%),#0a0b10;border-block:1px solid #d6d1f024;isolation:isolate}
.mt-stage:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#b3a6f006 1px,transparent 1px),linear-gradient(90deg,#b3a6f006 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}
.mt-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;color:#a6a0b9;font:10px/1.5 var(--f-mono);letter-spacing:.07em;text-transform:uppercase}
.mt-tools{display:none;align-items:center;gap:12px}.mt-enhanced .mt-tools{display:flex}.mt-tools button{display:flex;align-items:center;gap:8px;min-height:34px;border:1px solid #c8bff130;border-radius:20px;background:#c3b8ec06;color:#c5bddc;font:10px/1.4 var(--f-sans);padding:7px 11px;cursor:pointer}.mt-tools button:hover{background:#c3b8ec18}.mt-tools button:disabled{opacity:.45;cursor:default}.mt-tools button:focus-visible{outline:2px solid #c9bcff;outline-offset:4px}.mt-tools svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.mt-motion-toggle>span{width:7px;height:9px;border-inline:2px solid currentColor}.mt-motion-toggle[aria-pressed=true]>span{width:0;height:0;border:4px solid transparent;border-left:6px solid currentColor;border-right:0}
.mt-tabs{display:none;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #d2c5ff25;margin-top:15px}.mt-enhanced .mt-tabs{display:grid}.mt-tabs button{position:relative;display:flex;gap:13px;align-items:center;border:0;border-radius:0;background:none;color:#928ca3;text-align:left;margin:0;padding:16px 10px 19px 0;cursor:pointer}.mt-tabs button>span{font:10px/1.2 var(--f-mono)}.mt-tabs strong{font:500 13px/1.4 var(--f-sans)}.mt-tabs i{position:absolute;left:0;right:12%;bottom:-1px;height:2px;background:#c5b7ff;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s;box-shadow:0 0 16px #b193ff60}.mt-tabs button[aria-selected=true]{color:#f1edff}.mt-tabs button[aria-selected=true] i{transform:scaleX(1)}.mt-tabs button:hover{color:#d7ccef}.mt-tabs button:focus-visible{outline:2px solid #c5b7ff;outline-offset:2px}
.mt-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:clamp(20px,3vw,55px);align-items:center;min-height:520px}
.mt-copy{position:relative;z-index:2;min-width:0;padding-block:28px}.mt-panel{padding-block:25px}.mt-enhanced .mt-panel{padding:0}.mt-panel:focus-visible{outline:1px solid #c5b7ff77;outline-offset:10px}.mt-kicker{font:10px/1.7 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:#b7a9ed}.mt-panel h3{font:500 clamp(38px,4.4vw,68px)/1.05 var(--f-sans);letter-spacing:-.055em;margin:13px 0 18px}.mt-panel>p{font:14px/1.75 var(--f-sans);color:#bdbaca;max-width:42ch;margin:0}
.mt-deliverables{margin-top:24px}.mt-panel h4{font:400 9px/1.5 var(--f-mono);text-transform:uppercase;letter-spacing:.09em;color:#a89fbe;margin:0 0 10px}.mt-deliverables ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;max-width:46ch}.mt-deliverables li{font:11px/1.5 var(--f-sans);padding:7px 10px;border:1px solid #c8b8fa30;border-radius:5px;background:#c5b7ff07;color:#e1daef}
.mt-decision{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #cfc2f821;padding-top:20px;margin-top:21px;max-width:44ch}.mt-decision>svg{width:20px;height:20px;flex:none;fill:none;stroke:#c1b3ed;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.mt-decision h4{color:#e2d9f4;margin-bottom:6px}.mt-decision p{margin:0;font:12px/1.7 var(--f-sans);color:#b0aabc}.mt-next{display:inline-flex;gap:14px;align-items:center;min-height:38px;margin-top:17px;font:500 12px/1.5 var(--f-sans);color:#e3d9ff;text-decoration:none;border-bottom:1px solid #c4b3ef68}.mt-next svg{width:13px;height:13px;flex:none}.mt-next:hover{color:white;border-color:white}
.mt-visual{position:relative;min-width:0;width:100%;height:100%;min-height:480px;display:grid;place-items:center;pointer-events:none;perspective:1000px}
.mt-guidance{display:flex;align-items:center;gap:18px;padding-top:15px;border-top:1px solid #d2c5ff1d;color:#8f879f;font:9px/1.6 var(--f-mono)}.mt-scroll-hint,.mt-counter{display:none}.mt-enhanced .mt-scroll-hint,.mt-enhanced .mt-counter{display:block}.mt-counter{color:#cec1e8}.mt-scope-note{margin-left:auto;font:10px/1.5 var(--f-sans);color:#8f879f}
@media(min-width:1000px) and (min-height:780px){.mt-enhanced:not(.mt-static) .mt-runway{height:275svh;position:relative}.mt-enhanced:not(.mt-static) .mt-stage{position:sticky;top:var(--mt-header);height:calc(100svh - var(--mt-header));max-height:1100px;display:flex;flex-direction:column}.mt-enhanced:not(.mt-static) .mt-layout{flex:1;min-height:0}.mt-enhanced:not(.mt-static) .mt-visual{min-height:0}.mt-enhanced:not(.mt-static) .mt-guidance{margin-top:auto}}
@media(min-width:1600px){.mt-layout{max-width:1740px;width:100%;margin-inline:auto}.mt-panel>p{font-size:17px}.mt-decision p{font-size:14px}.mt-deliverables li{font-size:13px}.mt-panel h4{font-size:10px}.mt-next{font-size:14px}.mt-panel h3{font-size:72px}}
@media(max-width:999px){.mt-heading h2{font-size:clamp(42px,8vw,73px)}.mt-heading .eyebrow>span+span{display:none}.mt-layout{grid-template-columns:1fr;gap:0;min-height:0}.mt-visual{grid-row:1;height:390px;min-height:0;max-width:650px;margin-inline:auto}.mt-copy{max-width:650px;width:100%;margin-inline:auto;padding-top:3px;padding-bottom:30px}.mt-panel>p{max-width:58ch}.mt-panel h3{font-size:45px}.mt-deliverables ul{max-width:none}.mt-decision{max-width:60ch}.mt-guidance{flex-wrap:wrap;gap:7px 15px}.mt-scope-note{width:100%;margin-left:0}.mt-tabs strong{font-size:12px}}
@media(max-width:600px){.mt-heading h2{font-size:clamp(37px,9.2vw,55px)}.mt-heading>p{font-size:13px}.mt-topline{font-size:8px;gap:10px}.mt-tools{gap:5px}.mt-tools button{font-size:9px;padding:7px 9px}.mt-replay{font-size:0!important;gap:0!important}.mt-tools .mt-replay svg{width:14px;height:14px}.mt-tabs{margin-top:10px}.mt-tabs button{display:block;padding:13px 2px 14px 0}.mt-tabs button>span{font-size:9px;display:block;margin-bottom:6px}.mt-tabs strong{font-size:11px}.mt-visual{height:330px}.mt-panel h3{font-size:38px;margin:12px 0 16px}.mt-kicker{font-size:8px}.mt-panel>p{font-size:13px;line-height:1.75}.mt-deliverables{margin-top:22px}.mt-deliverables li{font-size:10px;padding:7px 8px}.mt-decision p{font-size:12px}.mt-copy{padding-bottom:28px}.mt-guidance{font-size:8px}.mt-scope-note{font-size:9px}}
@media(max-width:370px){.mt-tabs strong{font-size:10px}.mt-topline{font-size:7px}.mt-visual{height:300px}.mt-tools button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mt-method *{animation:none!important;transition:none!important}.mt-runway{height:auto!important}.mt-stage{position:relative!important;top:auto!important;height:auto!important}}
.motion-off .mt-method *,.mt-method[data-motion=paused] *{animation-play-state:paused!important;transition:none!important}

/* Cinematic direction: a large set, a moving camera, quiet useful copy. */
.mt-method{--mt-stage-p:.55;--mt-pointer-x:0;--mt-pointer-y:0;--mt-overall:0;--mt-glow:110,91,239}
.mt-stage{overflow:clip;padding-top:17px;padding-bottom:21px;background:#080a12;perspective:1700px}
.mt-stage:before{background-size:110px 110px;opacity:.5;mask-image:radial-gradient(ellipse at 72% 70%,#000,transparent 70%)}
.mt-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 76% 46%,rgba(var(--mt-glow),.18),transparent 48%),radial-gradient(ellipse at 80% 100%,#163e6133,transparent 55%);transition:background 1.3s}
.mt-beam{position:absolute;left:58%;top:-65%;height:150%;width:28%;background:linear-gradient(90deg,transparent,#bfa5ff12 42%,#c9c6ff25 48%,transparent 58%);filter:blur(24px);transform:rotate(30deg);transform-origin:50% 0}
.mt-beam--two{left:76%;width:17%;opacity:.65;transform:rotate(-13deg);background:linear-gradient(90deg,transparent,#6b97ff22,transparent)}
.mt-stage-number{position:absolute;left:-1.5%;bottom:12%;font:500 clamp(250px,31vw,550px)/.75 var(--f-sans);letter-spacing:-.085em;color:transparent;-webkit-text-stroke:1px #bba8ec11;user-select:none}
.mt-corner{position:absolute;width:32px;height:32px;border-color:#bdc8f32b;border-style:solid}.mt-corner--a{left:20px;top:22px;border-width:1px 0 0 1px}.mt-corner--b{right:20px;bottom:24px;border-width:0 1px 1px 0}
.mt-scroll-meter{position:absolute;left:0;right:0;top:0;height:2px;transform:scaleX(var(--mt-overall));transform-origin:0 50%;background:linear-gradient(90deg,#6860b5,#dac3ff,#8ed6ff);box-shadow:0 0 22px #d1b5ff66}
.mt-topline{position:relative;z-index:6;color:#b8b3cb;font-size:9px;letter-spacing:.13em}
.mt-tools button{background:#0c101d66;border-color:#a7b4f333;backdrop-filter:blur(12px)}
.mt-layout{position:relative;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:0;min-height:570px;perspective:1500px}
.mt-copy{z-index:5;padding-right:24px;max-width:470px;padding-block:26px;isolation:isolate}
.mt-copy:before{content:"";position:absolute;z-index:-1;inset:-12% -11% -12% -12vw;pointer-events:none;background:linear-gradient(90deg,#080a12 4%,#080a12d9 66%,#080a1200);filter:blur(12px)}
.mt-panel h3{font-size:clamp(43px,4.65vw,80px);letter-spacing:-.065em;line-height:1.01;margin-top:16px;text-shadow:0 5px 40px #05071066}
.mt-panel>p{font-size:14px;color:#b7b8cd;max-width:38ch}
.mt-kicker{color:#bcb1f4}.mt-deliverables{margin-top:24px}.mt-deliverables li{border-color:#aeb5e533;background:linear-gradient(120deg,#b3b1e511,#8b99d604);box-shadow:inset 0 1px #ffffff06}
.mt-decision{border-color:#aeb3d622}.mt-decision p{color:#aaaac1}.mt-next{color:#ddd5ff}
.mt-visual{min-height:560px;width:100%;margin-left:0;max-width:none;position:relative;z-index:3}
.mt-tabs{z-index:6;position:relative;margin-top:0;border-bottom:0;border-top:1px solid #aab5ef2b;gap:22px}
.mt-tabs button{padding:18px 8px 15px 0;color:#8b8fa7;gap:12px}
.mt-tabs button>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #a3a8d326;border-radius:50%;font-size:9px;transition:background .4s,border-color .4s,color .4s}
.mt-tabs button[aria-selected=true]>span{background:#c5bbf2;color:#15162b;border-color:#c5bbf2;box-shadow:0 0 23px #b9a0ff22}
.mt-tabs strong{font-size:13px;letter-spacing:.01em}.mt-tabs i{top:-1px;bottom:auto;right:0;background:linear-gradient(90deg,#9e92e5,#d9cfff);box-shadow:0 0 18px #b193ff55}
.mt-guidance{position:relative;z-index:6;border:0;padding-top:5px;color:#7e829c}.mt-scope-note{color:#85889e}.mt-counter{color:#bab6d5}
.mt-method .mj-scene.is-exiting{visibility:visible!important;pointer-events:none!important;z-index:1}
.mt-method .mj-scene.is-entering{z-index:2}
.mt-method[data-phase="1"]{--mt-glow:91,110,173}.mt-method[data-phase="2"]{--mt-glow:84,83,207}.mt-method[data-phase="3"]{--mt-glow:65,120,182}
@media(min-width:1000px) and (min-height:780px){
 .mt-enhanced:not(.mt-static) .mt-runway{height:310svh}
 .mt-enhanced:not(.mt-static) .mt-stage{max-height:1180px}
 .mt-enhanced .mt-topline{order:0}.mt-enhanced .mt-layout{order:1}.mt-enhanced .mt-tabs{order:2}.mt-enhanced .mt-guidance{order:3}
}
@media(min-width:1600px){.mt-copy{max-width:520px}.mt-panel>p{font-size:17px}.mt-panel h3{font-size:80px}.mt-decision p{font-size:14px}.mt-tabs strong{font-size:15px}}
@media(max-width:999px){
 .mt-stage{padding-top:16px}.mt-layout{grid-template-columns:1fr;min-height:0}.mt-visual{width:100%;margin:0 auto;height:440px;min-height:0;max-width:710px}.mt-copy{max-width:650px;padding-right:0;padding-top:8px;padding-bottom:30px}.mt-copy:before{display:none}.mt-topline{font-size:8px}.mt-tabs{margin-top:13px;border-top:0;border-bottom:1px solid #aab5ef2b;gap:10px}.mt-tabs i{top:auto;bottom:-1px}.mt-tabs button{padding:13px 0 15px;gap:7px}.mt-tabs strong{font-size:12px}.mt-panel h3{font-size:47px}.mt-stage-number{bottom:20%;font-size:65vw;left:-3%}.mt-corner{display:none}.mt-beam{left:40%;top:-25%;height:100%;width:45%}.mt-guidance{padding-top:15px;border-top:1px solid #aab5ef1c}
}
@media(max-width:600px){
 .mt-stage{padding-bottom:20px}.mt-tools button{font-size:9px}.mt-topline{font-size:7px}.mt-tabs{gap:5px}.mt-tabs button{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.mt-tabs button>span{width:23px;height:23px;margin-bottom:0;font-size:8px}.mt-tabs strong{font-size:10px;letter-spacing:0}.mt-visual{height:370px}.mt-panel h3{font-size:41px}.mt-panel>p{font-size:13px}.mt-decision p{font-size:12px}.mt-guidance{font-size:8px}.mt-scope-note{font-size:9px}.mt-kicker{font-size:8px}
}
@media(max-width:370px){.mt-visual{height:340px}.mt-tabs strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mt-beam{filter:blur(24px)}.mt-scroll-meter{display:none}}