/* About studio: scoped to the dedicated page template. */
.mrait-about{--ma-paper:#f5f2eb;--ma-ink:#17151c;--ma-purple:#6f4a94;background:var(--ma-paper);color:var(--ma-ink)}
.mrait-about *{box-sizing:border-box}.mrait-about .ed-header{max-width:none;width:100%;padding:20px clamp(22px,4vw,72px);margin:0;background:#050b14;color:white;border-bottom:1px solid #ffffff24;min-height:88px}.mrait-about .ed-header a{color:white}.mrait-about .ed-brand{font-size:38px;letter-spacing:-2px}.mrait-about .ed-header nav{gap:28px}.mrait-about a:focus-visible,.mrait-about button:focus-visible{outline:3px solid #a48dc3;outline-offset:6px}.ma-hero{position:relative;isolation:isolate;min-height:min(790px,calc(100svh - 88px));background:radial-gradient(ellipse at 50% 30%,#384e68,#050b14 75%);color:#fff;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:72px 24px 180px}.ma-landscape,.ma-video,.ma-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ma-landscape{object-fit:cover;object-position:center 66%;opacity:.75;z-index:-3}.ma-video{object-fit:cover;opacity:0;z-index:-2;transition:opacity .8s}.ma-hero.is-playing .ma-video{opacity:.45}.ma-shade{z-index:-1;background:linear-gradient(180deg,#050b14ec 0%,#050b14b0 32%,#050b1455 67%,#050b14 100%)}.ma-hero-copy{text-align:center;max-width:1000px}.ma-eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.6;margin:0 0 26px}.mrait-about .ma-hero h1{font-size:clamp(64px,7.7vw,112px);line-height:.95;letter-spacing:-.065em;font-weight:600;color:#fff;margin:0 0 28px}.ma-hero h1 em,.ma-contact h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.ma-intro{max-width:660px;margin:0 auto 30px;font-size:clamp(16px,1.4vw,19px);line-height:1.65;color:#e3e7ee}.ma-actions{display:flex;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap}.ma-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;padding:8px 9px 8px 24px;border:1px solid #ffffff66;border-radius:99px;color:white!important;text-decoration:none!important;font-size:14px;font-weight:600;background:#ffffff0b;transition:background .2s,transform .2s}.ma-button>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#1c1b22;font-size:20px}.ma-button:hover{background:#ffffff1f;transform:translateY(-2px)}.ma-text-link{font-size:14px;color:white!important;text-decoration:none!important;border-bottom:1px solid #ffffff66;padding:12px 0}.ma-text-link span{margin-left:20px}.ma-hero-bottom{position:absolute;bottom:25px;left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:600;letter-spacing:.15em}.ma-hero-bottom button{border:1px solid #ffffff55;border-radius:30px;background:#050b1466;color:#fff;padding:10px 16px;font:inherit;letter-spacing:.02em;cursor:pointer;min-height:44px}.ma-hero-bottom button[hidden]{display:none}.ma-jump{display:flex;justify-content:center;gap:clamp(24px,4vw,64px);padding:23px 24px;border-bottom:1px solid #ddd8e2;flex-wrap:wrap}.ma-jump a{font-size:13px;font-weight:600;text-decoration:none;color:#292330}.ma-jump a:hover{color:var(--ma-purple)}.ma-body{max-width:1200px!important;padding:0 30px 80px}.mrait-about .mk{--navy:#654382;--ink:#24212b;--mut:#64606b;--line:#ded9e3;--bg:#ede8f2;--accent:#654382;font-size:17px;line-height:1.8}.mk .mk-hero{padding:55px 0 0}.mk .mk-stats{grid-template-columns:repeat(6,1fr);background:transparent;border:0;border-radius:0;gap:0;margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:25px}.mk .mk-stat{background:transparent;padding:16px 14px;text-align:left;border-right:1px solid var(--line)}.mk .mk-stat:first-child{padding-left:0}.mk .mk-stat:last-child{border:0}.mk .mk-stat b{font-size:clamp(24px,3vw,40px);font-weight:600;color:var(--ma-ink);letter-spacing:-.05em}.mk .mk-stat span{font-size:12px;line-height:1.5}.mk .mk-srcnote{font-size:12px}.mk .mk-h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;font-weight:600;color:var(--ma-ink);padding-top:30px;margin:65px 0 25px;border-top:1px solid var(--line);scroll-margin-top:30px}.mk>p{max-width:820px}.mk .mk-sub{font-size:17px;margin-bottom:32px;max-width:750px}.mk .mk-quote{border-color:#8661a7;color:#32273f;font-size:clamp(22px,2.5vw,30px);font-weight:500;max-width:850px;padding:8px 0 8px 28px;margin:35px 0 0}.mk .mk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mk .mk-card{border:1px solid #ddd8e1;border-radius:4px;background:#fffdf9;padding:32px;gap:18px;box-shadow:none}.mk .mk-card:hover{border-color:#a791ba}.mk .mk-card.mk-wide{background:#eae4f0;grid-column:1/-1;padding:42px}.mk .mk-num{font-size:12px;color:#736879}.mk .mk-flag{top:28px;right:28px;background:#654382;border-radius:99px;padding:5px 14px}.mk .mk-card h3{font-size:clamp(22px,2.2vw,29px);line-height:1.2;letter-spacing:-.035em;font-weight:600}.mk .mk-card p{font-size:16px;line-height:1.75;color:#5b5663}.mk .mk-card .mk-metric{font-size:14px;line-height:1.6;color:#654382;border-top-style:solid;padding-top:18px}.mk .mk-links{display:flex;gap:8px 20px;flex-wrap:wrap}.mk .mk-links a{white-space:normal;margin:0;min-height:34px;font-size:14px;font-weight:600}.mk .mk-method{background:transparent;border-radius:0;border:0}.mk .mk-step{padding:25px 0;gap:25px}.mk .mk-step:before{background:#e8e0ef;border-radius:50%;width:44px;height:44px;padding:14px 0;text-align:center;font-size:13px}.mk .mk-step b{font-size:20px;font-weight:600;letter-spacing:-.025em}.mk .mk-step span{font-size:16px}.mk .mk-time{margin-top:36px}.mk .mk-tl{padding-bottom:32px}.mk .mk-tl b{font-size:15px}.mk .mk-tl span{font-size:16px;line-height:1.7}.mk .mk-note{border-radius:3px;padding:26px;background:#eae4f0}.mk .mk-partners{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mk .mk-partner{border-radius:3px;background:transparent;padding:25px}.mk .mk-partner span{font-size:15px}.mk .mk-foot{line-height:1.8}.mk .mk-updated{text-align:left}.ma-contact{background:#1b1722;color:#fff;padding:80px 24px}.ma-contact .ed-wrap{max-width:1140px}.ma-contact h2{font-size:clamp(48px,7vw,90px);color:#fff;line-height:1;letter-spacing:-.055em;margin:25px 0 32px;font-weight:500}.mrait-about .ed-footer{padding-block:40px}.ma-hero-copy{animation:ma-enter .7s ease-out both}@keyframes ma-enter{from{transform:translateY(16px)}to{transform:translateY(0)}}
@media(min-width:1500px){.ma-hero{padding-top:85px}}
@media(max-width:800px){.mrait-about .ed-header{padding:18px 24px;min-height:78px;flex-wrap:wrap;gap:18px}.mrait-about .ed-header nav{gap:12px 22px;font-size:13px;flex-wrap:wrap}.ma-hero{min-height:680px;padding-top:70px;padding-bottom:170px}.mk .mk-stats{grid-template-columns:repeat(3,1fr);row-gap:22px}.mk .mk-stat:nth-child(3){border:0}.mk .mk-stat:nth-child(4){padding-left:0}.mk .mk-partners{grid-template-columns:1fr}.ma-hero-bottom>span:last-child{display:none}}
@media(max-width:540px){.ma-hero{min-height:690px;padding:58px 22px 160px}.mrait-about .ma-hero h1{font-size:67px}.ma-eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:25px}.ma-intro{font-size:16px}.ma-desktop{display:none}.ma-actions{gap:15px}.ma-hero-bottom{left:22px;right:22px;bottom:22px;align-items:flex-end}.ma-hero-bottom>span{max-width:95px;line-height:1.8}.ma-hero-bottom button{font-size:10px;padding:10px 12px}.ma-jump{gap:16px 24px;padding:22px}.ma-jump a{font-size:12px}.ma-body{padding:0 22px 55px}.mk .mk-hero{padding-top:30px}.mk .mk-stat{padding:10px}.mk .mk-stat b{font-size:28px}.mk .mk-stat span{font-size:11px}.mk .mk-grid{grid-template-columns:1fr}.mk .mk-card,.mk .mk-card.mk-wide{padding:25px;gap:16px}.mk .mk-card h3{font-size:25px}.mk .mk-h2{margin-top:50px;padding-top:25px}.mk .mk-flag{top:20px;right:20px}.mk .mk-step{gap:18px}.mk .mk-step b{font-size:18px}.mk .mk-quote{padding-left:20px}.ma-contact{padding:60px 22px}.mrait-about .ed-footer{gap:22px}}
@media(prefers-reduced-motion:reduce){.ma-hero-copy{animation:none}.ma-button,.ma-video{transition:none}.ma-hero-bottom button{display:none}}

/* Revision 2: wide editorial canvas and a visual project portfolio. */
.mrait-about .ma-body.ed-wrap{width:100%;max-width:1800px!important;padding-inline:clamp(20px,3.2vw,64px)}
.ma-body .mk>p{max-width:none}.ma-body .mk .mk-sub{max-width:1050px}.ma-body .mk .mk-h2{font-size:clamp(40px,4.4vw,72px);letter-spacing:-.055em;margin-top:76px;padding-top:32px}
.ma-story{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:8%;padding-top:60px;border-top:1px solid var(--line);margin-top:55px}
.ma-story .mk-h2{grid-column:1;grid-row:1/4;border:0!important;padding:0!important;margin:0!important;max-width:400px;font-size:clamp(48px,5vw,80px)!important}
.ma-story>p{grid-column:2;font-size:18px;line-height:1.85;max-width:850px}.ma-story .mk-quote{grid-column:1/-1;max-width:none;font-size:clamp(26px,3vw,44px);padding:32px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:28px;line-height:1.35;letter-spacing:-.035em;font-weight:500}
.ma-body .mk .mk-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:38px 28px}
.ma-body .mk .ma-project{grid-column:span 4;display:flex;flex-direction:column;gap:0;padding:0;border:0;background:transparent;overflow:hidden;border-radius:0;min-width:0}
.ma-body .mk .ma-project-1{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch;background:#e7e0ed}
.ma-body .mk .ma-project-2,.ma-body .mk .ma-project-3{grid-column:span 6}
.ma-body .mk .ma-project-8,.ma-body .mk .ma-project-9{grid-column:span 6}
.ma-project-copy{position:relative;display:flex;flex-direction:column;gap:16px;padding:25px 0 0;flex:1}.ma-body .mk .ma-project-1 .ma-project-copy{padding:clamp(30px,3.6vw,64px);justify-content:center}
.ma-body .mk .ma-project h3{font-size:clamp(23px,2vw,33px);font-weight:600;letter-spacing:-.04em;margin:0;line-height:1.18}.ma-body .mk .ma-project-1 h3{font-size:clamp(32px,3.4vw,54px);max-width:550px}
.ma-body .mk .ma-project p{flex:initial;font-size:16px;line-height:1.75}.ma-body .mk .ma-project .mk-links{margin-top:auto!important;padding-top:8px}.ma-body .mk .ma-project .mk-links a{display:inline-flex;align-items:center;padding:5px 0;border-bottom:1px solid #b8a8c6;text-decoration:none;min-height:38px}.ma-body .mk .ma-project .mk-links a:hover{border-color:#654382;color:#39204e}.ma-body .mk .ma-project .mk-metric{padding-top:16px;border-top:1px solid #d9d0df;font-size:13px}.ma-body .mk .ma-project .mk-num{font-size:11px}.ma-body .mk .ma-project .mk-flag{position:static;align-self:flex-start;font-size:10px;order:-1}
.ma-project-art{position:relative;isolation:isolate;overflow:hidden;min-height:285px;aspect-ratio:1.65;background:#dcd3e9;color:#23192f;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.ma-project-art strong{position:relative;z-index:2;display:block;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(28px,3vw,46px);font-weight:600;letter-spacing:-.065em;line-height:1.06;margin-top:26px;max-width:90%}.ma-project-art strong em{font-family:Georgia,serif;font-weight:400}.ma-art-kicker,.ma-art-tag{font-size:9px;font-weight:700;letter-spacing:.17em;z-index:2;line-height:1.5}.ma-art-tag{margin-top:auto;padding-top:25px}.ma-art-index{position:absolute;right:20px;bottom:12px;font-size:78px;line-height:1;font-weight:600;letter-spacing:-.08em;opacity:.12}
.ma-art-1{background:#251e32;color:#fff;aspect-ratio:auto;min-height:540px;padding:42px}.ma-art-1 strong{font-size:clamp(40px,4vw,65px);margin-top:30px}.ma-art-1 .ma-art-tag{margin-top:20px}.ma-browser{position:relative;transform:rotate(-5deg);width:95%;margin-top:42px;border:1px solid #cbb7e355;border-radius:9px;background:#ffffff0b;box-shadow:0 24px 40px #0003;overflow:hidden}.ma-browser-bar{display:flex;align-items:center;gap:6px;padding:13px;border-bottom:1px solid #ffffff24}.ma-browser-bar i{width:5px;height:5px;border:1px solid #bda7d2;border-radius:50%}.ma-browser-bar span{font-size:8px;letter-spacing:.15em;margin-left:10px;color:#d5c6e6}.ma-browser-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px}.ma-browser-panels b{padding:16px 10px;background:#a38ab729;border:1px solid #c8acd344;font-size:28px;font-weight:500;line-height:1}.ma-browser-panels span{display:block;margin-top:12px;font-size:8px;letter-spacing:.12em;color:#d5c6e6}.ma-browser-line{height:3px;width:65%;background:#c3a8dc;margin:0 22px 24px}
.ma-art-2{background:#b9c9b8;color:#182c24}.ma-art-3{background:#ecd6bb;color:#4b2e20}.ma-art-4{background:#d5c6e4;color:#372346}.ma-art-5{background:#d2dce4;color:#253747}.ma-art-6{background:#30263f;color:#f2e9fc}.ma-art-7{background:#dcd9c7;color:#353726}.ma-art-8{background:#202b3b;color:#e1e9f5}.ma-art-9{background:#c9bdd8;color:#32273e}
.ma-orbit{position:absolute;right:-10%;bottom:-35%;width:70%;aspect-ratio:1;opacity:.32;transform:rotate(-28deg);pointer-events:none}.ma-orbit i{position:absolute;inset:0;border:1px solid currentColor;border-radius:50%}.ma-orbit i:nth-child(2){inset:17%}.ma-orbit i:nth-child(3){inset:34%}.ma-art-2 .ma-orbit{border:1px solid currentColor;border-radius:8px;transform:rotate(25deg)}.ma-art-3 .ma-orbit{border:24px solid #b77b4f55;border-radius:50%;right:-20%;bottom:-50%}.ma-art-4 .ma-orbit{transform:rotate(-30deg);border-radius:20px;border:25px solid #8f66ad44}.ma-art-5 .ma-orbit i{border-radius:12px}.ma-art-7 .ma-orbit{right:-20%;bottom:-65%;width:100%}.ma-art-9 .ma-orbit{border-radius:3px;transform:rotate(-18deg);border:45px double #88769e55}.ma-audiowave{display:flex;gap:7px;align-items:center;height:80px;position:absolute;right:24px;left:24px;bottom:38px;opacity:.3}.ma-audiowave i{height:var(--h);width:8px;border-radius:8px;background:#d6b6f3}.ma-art-6 .ma-art-tag{position:relative;z-index:2}.ma-servers{position:absolute;bottom:30px;right:30px;width:34%;transform:rotate(-12deg);opacity:.48}.ma-servers>i{display:flex;gap:7px;margin-top:8px;height:27px;border:1px solid #9baeca;border-radius:4px;align-items:center;padding:8px}.ma-servers b{width:4px;height:4px;border-radius:50%;background:#bbd2f2}
@media(min-width:1700px){.ma-project-art{min-height:320px}.ma-art-1{min-height:600px}}
@media(max-width:1000px){.ma-body .mk .ma-project{grid-column:span 6}.ma-body .mk .ma-project-1{grid-column:1/-1;grid-template-columns:1fr 1fr}.ma-art-1{min-height:530px;padding:28px}.ma-body .mk .ma-project-1 .ma-project-copy{padding:30px}.ma-project-art strong{font-size:36px}.ma-body .mk .ma-project-9{grid-column:1/-1}.ma-story{column-gap:5%;grid-template-columns:.7fr 1.3fr}}
@media(max-width:650px){.mrait-about .ma-body.ed-wrap{padding-inline:20px}.ma-story{display:block;padding-top:30px;margin-top:35px}.ma-story .mk-h2{margin-bottom:25px!important;font-size:48px!important}.ma-story>p{font-size:17px}.ma-story .mk-quote{font-size:27px}.ma-body .mk .mk-grid{display:flex;flex-direction:column;gap:36px}.ma-body .mk .ma-project-1{display:flex}.ma-art-1{min-height:470px}.ma-body .mk .ma-project-1 .ma-project-copy{padding:28px 24px}.ma-project-art{min-height:260px;aspect-ratio:1.4;padding:25px}.ma-project-art strong{font-size:38px}.ma-project-copy{padding-top:21px;gap:14px}.ma-body .mk .ma-project h3{font-size:29px}.ma-body .mk .mk-h2{font-size:43px;margin-top:55px}.ma-body .mk .ma-project-1 h3{font-size:36px}.ma-browser{margin-top:28px}.ma-art-1 strong{font-size:45px}.ma-art-1 .ma-art-tag{margin-top:18px}.ma-art-1{aspect-ratio:auto}}

/* Revision 3: fill wide desktop screens instead of centering a capped canvas. */
.mrait-about .ma-body.ed-wrap{width:100%;max-width:none!important;padding-inline:clamp(20px,2.4vw,72px)}
.ma-story{grid-template-columns:.65fr 1.35fr;column-gap:5%}
.ma-story>p{max-width:none}
@media(max-width:650px){.mrait-about .ma-body.ed-wrap{padding-inline:20px}.ma-story{display:block}}

/* Keep the approved typography when Kadence heading defaults are present. */
.mrait-about h1,.mrait-about h2,.mrait-about h3{font-family:"DM Sans",Arial,sans-serif}

/* Animated Adeora composition: clouds behind the transparent landscape. */
.ma-video{z-index:-3;opacity:0;object-position:center;transition:opacity .8s ease}
.ma-landscape{z-index:-2;opacity:1;object-position:center bottom}
.ma-hero.is-ready .ma-video,.ma-hero.is-playing .ma-video{opacity:1}
.ma-shade{background:linear-gradient(to bottom,#02122cf0 0%,#02122cc9 10%,#02122c77 28%,#02122c24 55%,#02122c8f 80%,#02122c 100%)}
.ma-hero{background:#02122c}.ma-hero-copy{text-shadow:0 2px 22px #02122c55}.ma-intro{color:#fff}.ma-hero-bottom button{background:#02122c8c}
@media(prefers-reduced-motion:reduce){.ma-video{display:none}.ma-hero.is-ready .ma-video{opacity:0}}

/* Published project cards link to their case studies automatically. */
.ma-body .mk .ma-project h3 a{color:inherit;text-decoration:none}.ma-body .mk .ma-project h3 a:hover{text-decoration:underline;text-underline-offset:5px}.ma-project-details{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;align-self:flex-start;font-size:14px;font-weight:700;margin-top:15px;min-height:44px;border-bottom:1px solid #b9a5c8;text-decoration:none!important}