@import url('fonts.css');
/* Image-led compositions and layered motion, retaining the MegaApps palette. */
body.orderapp-studio { --ms-font:Manrope,Arial,sans-serif; }
body.orderapp-studio .ms :is(h1,h2,h3),body.orderapp-studio .mi :is(h1,h2,h3) { font-family:Manrope,Arial,sans-serif; font-weight:700; letter-spacing:-.045em; }
body.orderapp-studio .ms-hero { min-height:calc(100svh - 96px); display:flex; align-items:center; }

body.orderapp-studio .ms-hero h1 { font-size:clamp(56px,6.3vw,100px); line-height:1.1; font-weight:750; max-width:1250px; margin:70px auto 65px; }
body.orderapp-studio .ms-hero-top { padding-top:32px; }
body.orderapp-studio .ms-aura { width:100%; height:100%; inset:0; opacity:.75; background:radial-gradient(ellipse at 50% 110%,#633cde9c,transparent 60%); filter:none; }
.ms-hero:after { content:''; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.3; background-image:radial-gradient(circle,#b7a6ff99 .7px,transparent 1px),radial-gradient(circle,#b7a6ff55 .7px,transparent 1px); background-size:91px 91px,137px 137px; background-position:0 0,37px 59px; mask-image:linear-gradient(transparent,#000 30%,#000 80%,transparent); }
body.orderapp-studio .ms h2 { line-height:1.17; font-weight:700; }
body.orderapp-studio .ms-section { padding-block:105px; }
body.orderapp-studio .ms-section-head { align-items:start; margin-bottom:54px; }
body.orderapp-studio .ms-section-aside { line-height:1.85; font-size:16px; padding-top:8px; }
body.orderapp-studio .ms-case-grid { gap:22px; }
body.orderapp-studio .ms-case { position:relative; min-width:0; }
body.orderapp-studio .ms-case-link { position:relative; height:560px; overflow:hidden; border-radius:8px; isolation:isolate; color:white; }
body.orderapp-studio .ms-case-art { position:absolute; inset:0; height:100%; border-radius:0; z-index:-1; }
body.orderapp-studio .ms-case-art:before { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(transparent 38%,#0b08158c 65%,#0b0815ed 100%); }
body.orderapp-studio .ms-project-name { display:none; }
body.orderapp-studio .ms-case-category { top:26px; bottom:auto; left:30px; border:0; background:#1710208c; border-radius:30px; font:13px/1.5 Manrope,Arial,sans-serif; padding:8px 14px; }
body.orderapp-studio .ms-case-meta { position:absolute; left:34px; right:34px; bottom:103px; display:block; margin:0; z-index:2; }
body.orderapp-studio .ms-case-meta h3 { font-size:clamp(30px,3.4vw,48px); font-weight:750; line-height:1.1; white-space:normal; margin:0 0 15px; }
body.orderapp-studio .ms-case-meta>span { display:block; text-align:left; color:#d2ccd9; font-size:12px; }
body.orderapp-studio .ms-case-link>p { position:absolute; left:34px; right:88px; bottom:33px; margin:0; font-size:16px; line-height:1.6; color:#eee9f4; max-width:440px; z-index:2; }
body.orderapp-studio .ms-round-arrow { bottom:28px; right:25px; z-index:3; background:#c3b2ff; color:#181021; }
body.orderapp-studio .ms-phones { inset:8% 8% 9% 17%; transform:rotate(-6deg); gap:3%; }
body.orderapp-studio .ms-phones img { width:44%; filter:drop-shadow(10px 25px 14px #09030a55); translate:0 var(--ms-layer-y,0px); rotate:var(--ms-layer-r,0deg); }
body.orderapp-studio .ms-filters button { border:0; border-radius:0; padding:12px 2px; margin-right:26px; background:transparent; font-weight:600; }
body.orderapp-studio .ms-filters button[aria-pressed=true] { background:transparent; color:#c3b2ff; box-shadow:0 2px #c3b2ff; }
body.orderapp-studio .ms-service-grid { gap:18px; }
body.orderapp-studio .ms-service-grid article { border:0; border-radius:8px; background:linear-gradient(145deg,#251b3c,#151319 60%); padding:35px; }
body.orderapp-studio .ms-service-grid h3 { font-size:clamp(25px,2.4vw,36px); line-height:1.2; font-weight:700; }
body.orderapp-studio .ms-service-symbol { font-size:75px; margin-bottom:40px; }
body.orderapp-studio .ms-page-intro { padding-block:60px 75px; }
body.orderapp-studio .ms-page-intro h1 { font-size:clamp(54px,6.5vw,96px); line-height:1.12; }
body.orderapp-studio .orderapp-project-intro h1 { font-family:Manrope,Arial,sans-serif; font-weight:750; line-height:1.15; letter-spacing:-.045em; }
body.orderapp-studio .orderapp-case-frame { border-radius:0; }
/* Keep internal pages in the same stronger, less rounded visual system. */
body.orderapp-studio .mi h1 { font-weight:750; letter-spacing:-.05em; line-height:1.1; }
body.orderapp-studio .mi .mi-story h2 { font-weight:650; }
body.orderapp-studio .mi .mi-story-image,body.orderapp-studio .mi .mi-connect { border-radius:12px; }
body.orderapp-studio .mi .mi-question h2 { font-weight:600; }
@media(min-width:1100px){body.orderapp-studio .ms-case-grid>.ms-case:first-child{grid-column:1/-1}body.orderapp-studio .ms-case-grid>.ms-case:first-child .ms-case-link{height:600px}body.orderapp-studio .ms-case-grid>.ms-case:first-child .ms-phones{inset:-4% -4% -20% 38%}body.orderapp-studio .ms-case-grid>.ms-case:first-child .ms-case-meta{bottom:250px;right:58%}body.orderapp-studio .ms-case-grid>.ms-case:first-child .ms-case-link>p{bottom:170px;right:58%;font-size:20px}body.orderapp-studio .ms-case-grid>.ms-case:first-child .ms-case-art:before{background:linear-gradient(90deg,#110a20c9,transparent 80%)}body.orderapp-studio .ms-case-grid>.ms-case:first-child .ms-case-meta h3{font-size:64px}}
@media(max-width:1100px){body.orderapp-studio .ms-case-link{height:500px}body.orderapp-studio .ms-case-meta{left:26px;right:26px;bottom:115px}body.orderapp-studio .ms-case-link>p{left:26px;right:75px;font-size:15px}body.orderapp-studio .ms-case-meta h3{font-size:35px}}
@media(max-width:767px){body.orderapp-studio .ms-hero{min-height:auto}body.orderapp-studio .ms-hero h1{font-size:clamp(40px,9.8vw,64px);line-height:1.14;text-align:left;margin:38px 0}body.orderapp-studio .ms-hero-top{padding-top:24px}body.orderapp-studio .ms-section{padding-block:65px}body.orderapp-studio .ms-section-head{margin-bottom:30px}body.orderapp-studio .ms-case-grid{gap:22px}body.orderapp-studio .ms-case-link{height:520px}body.orderapp-studio .ms-case-category{left:22px;top:22px}body.orderapp-studio .ms-case-meta{left:24px;right:24px;bottom:110px}body.orderapp-studio .ms-case-meta h3{font-size:34px}body.orderapp-studio .ms-case-link>p{left:24px;bottom:30px;font-size:15px}body.orderapp-studio .ms-phones{inset:7% 2% 13% 9%}body.orderapp-studio .ms-service-grid article{padding:28px}body.orderapp-studio .ms-page-intro{padding-block:35px 45px}body.orderapp-studio .ms-page-intro h1{font-size:46px}body.orderapp-studio .ms-filters button{font-size:13px;margin-right:12px}}
@media(prefers-reduced-motion:reduce){html:not([data-ms-motion=full]) body.orderapp-studio .ms-phones img{translate:none;rotate:none}}