@import url('fonts.css');
/* Editorial pages: native content, one type scale and generous reading space. */
body.orderapp-studio .mi { --mi-purple:#b9a7ff; --mi-line:#ffffff24; max-width:1472px; margin:auto; padding:90px 56px 120px; font-family:Manrope,Arial,sans-serif; color:#f5f5f7; }
body.orderapp-studio .mi :is(h1,h2,h3,p,a,span,summary,input,button) { font-family:inherit; }
body.orderapp-studio .mi h1 { font-size:clamp(64px,8.1vw,116px); line-height:1.035; font-weight:500; letter-spacing:-.065em; margin:0; text-wrap:balance; }
body.orderapp-studio .mi .mi-dot { color:var(--mi-purple); }
body.orderapp-studio .mi p { margin:0; color:#b7b7c3; font-size:17px; line-height:1.8; }
body.orderapp-studio .mi a { text-decoration:none; color:inherit; }
body.orderapp-studio .mi a:hover { color:var(--mi-purple); }
body.orderapp-studio .mi :is(a,button,summary,input):focus-visible { outline:2px solid #c7b8ff; outline-offset:6px; }
.mi-journal-head { display:grid; grid-template-columns:1fr 380px; align-items:end; gap:60px; margin-bottom:76px; }
.mi-journal-aside>p { margin-bottom:28px!important; }
.mi-search { display:flex; align-items:center; background:#1a191f; border:0; border-radius:40px; padding:0 9px 0 24px; min-height:60px; }
body.orderapp-studio .mi-search input { min-width:0; width:100%; border:0; outline-offset:0; background:transparent; color:#fff; font:inherit; font-size:15px; padding:16px 0; box-shadow:none; }
.mi-search button { flex:0 0 44px; display:grid; place-items:center; height:44px; padding:0; border:0; border-radius:50%; background:#b9a7ff; color:#181321; cursor:pointer; }
.mi-journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:64px 30px; align-items:start; }
.mi-story { min-width:0; }
.mi-story:nth-child(3n+2) { margin-top:60px; }
.mi-story-image { display:block; position:relative; overflow:hidden; aspect-ratio:1.08; border-radius:24px; background:#14121c; }
.mi-story-image img { width:100%; height:100%; object-fit:cover; transition:filter .3s; }
.mi-story-image:hover img { filter:brightness(1.16); }
.mi-story-arrow { position:absolute; right:18px; bottom:18px; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#b9a7ff; color:#171020; font-size:24px; }
body.orderapp-studio .mi .mi-story h2 { margin:26px 0 20px; font-size:clamp(23px,2.15vw,32px); line-height:1.35; letter-spacing:-.04em; font-weight:500; text-wrap:pretty; }
body.orderapp-studio .mi-read { display:inline-flex; gap:44px; font-size:14px; padding-bottom:8px; border-bottom:1px solid var(--mi-line); }
.mi-search-result { display:flex; justify-content:space-between; gap:20px; margin-bottom:35px; }
.mi-pagination { display:flex; justify-content:center; gap:12px; margin-top:70px; }
.mi-pagination>* { padding:10px 18px; border-radius:50%; }
.mi-pagination .current { background:#b9a7ff; color:#171020; }
.mi-empty { padding:60px 0; }
.mi-contact-layout { display:grid; grid-template-columns:.88fr 1.12fr; gap:68px; align-items:start; }
body.orderapp-studio .mi-contact-copy h1 { font-size:clamp(62px,7vw,102px); max-width:650px; text-align:left; text-wrap:initial; }
.mi-lead { max-width:460px; margin-top:42px; }
.mi-lead p+p { margin-top:18px!important; }
.mi-lead a { text-decoration:underline!important; text-underline-offset:5px; }
body.orderapp-studio .mi-email { display:flex; justify-content:space-between; gap:24px; font-size:clamp(22px,2.2vw,30px); letter-spacing:-.04em; padding:27px 0; margin-top:34px; border-top:1px solid var(--mi-line); }
.mi-contact-right { min-width:0; }
.mi-connect { position:relative; overflow:hidden; border-radius:32px; padding:38px; background:radial-gradient(ellipse at 95% 0,#623bd233,transparent 65%),#19171f; }
.mi-contact-orbit { position:absolute; width:250px; right:-80px; top:-95px; opacity:.4; pointer-events:none; }
.mi-connect>:not(.mi-contact-orbit) { position:relative; }
body.orderapp-studio .mi-connect-intro { font-size:17px; margin-bottom:30px; color:#ddd7ec; }
.mi-connect-grid { display:grid; grid-template-columns:.83fr 1.17fr; gap:16px; }
.mi-qr { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:18px; gap:18px; background:#ffffff08; border-radius:20px; }
.mi-qr img { width:100%; height:auto; background:white; border-radius:12px; }
.mi-qr span { color:#bab3c7; font-size:12px; line-height:1.6; text-align:center; }
.mi-channels { display:grid; gap:12px; }
body.orderapp-studio .mi-channel { display:flex; align-items:center; gap:14px; padding:19px 17px; background:#31283f; border-radius:18px; transition:background .25s,translate .25s; }
body.orderapp-studio .mi-channel:hover { background:#47345f; color:#fff; translate:0 -2px; }
.mi-channel>svg { flex:0 0 27px; color:#c7b6ff; }
.mi-channel>span { min-width:0; font-size:16px; font-weight:600; line-height:1.5; }
.mi-channel small { display:block; font-size:12px; line-height:1.6; font-weight:400; color:#c0b5ce; margin-top:3px; white-space:nowrap; }
.mi-channel>b { margin-left:auto; font-size:23px; font-weight:400; color:#c7b6ff; }
.mi-phone { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-top:18px; padding:23px; border-radius:18px; background:#c4b5ff; }
body.orderapp-studio .mi-phone,body.orderapp-studio .mi-phone:hover { color:#1b1428; }
body.orderapp-studio .mi .mi-phone :is(span,strong,b) { color:#1b1428; }
.mi-phone>span { font-size:14px; }
.mi-phone strong { font-size:20px; letter-spacing:-.045em; white-space:nowrap; font-weight:600; }
.mi-form-alternative { border-bottom:1px solid var(--mi-line); margin-top:28px; }
.mi-form-alternative>summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:20px; padding:20px 0; font-size:16px; }
.mi-form-alternative>summary::-webkit-details-marker { display:none; }
.mi-form-alternative[open]>summary>span { rotate:45deg; }
.mi-native-form { padding:25px 0; }
.mi-native-form :is(input:not([type=checkbox]):not([type=submit]),textarea) { width:100%; background:#1d1a24; color:white; border:1px solid #494050; border-radius:14px; padding:15px; margin-bottom:15px; }
.mi-native-form input[type=checkbox] { width:18px; height:18px; }
.mi-native-form :is(input[type=submit],button[type=submit]) { border:0; border-radius:30px; background:#c4b5ff; color:#191320; padding:17px 25px; }
.mi-native-form .wpcf7-acceptance { display:block; margin:18px 0; font-size:14px; }
.mi-faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
.mi-faq-head { position:sticky; top:144px; }
body.orderapp-studio .mi-faq-head h1 { font-size:clamp(60px,6.4vw,94px); text-align:left; text-wrap:initial; }
.mi-faq-contact { display:inline-flex; gap:35px; margin-top:36px; padding-bottom:12px; border-bottom:1px solid var(--mi-line); font-size:16px; }
.mi-faq-orbit { max-width:380px; margin:26px -20px 0; overflow:hidden; border-radius:50%; }
.mi-faq-orbit img { width:100%; height:auto; }
.mi-questions { border-top:1px solid var(--mi-line); }
.mi-question { border-bottom:1px solid var(--mi-line); padding:30px 0; }
.mi-question summary { display:flex; justify-content:space-between; align-items:center; gap:32px; list-style:none; cursor:pointer; }
.mi-question summary::-webkit-details-marker { display:none; }
body.orderapp-studio .mi .mi-question h2 { font-size:clamp(23px,2.2vw,31px); font-weight:500; line-height:1.38; letter-spacing:-.04em; margin:0; text-wrap:pretty; }
.mi-question-icon { flex:0 0 32px; width:32px; height:32px; position:relative; }
.mi-question-icon:before,.mi-question-icon:after { content:''; position:absolute; width:22px; height:1.5px; background:#c7b6ff; top:15px; left:5px; }
.mi-question-icon:after { rotate:90deg; transition:rotate .2s; }
.mi-question[open] .mi-question-icon:after { rotate:0deg; }
.mi-question[open] h2 { color:#c7b6ff; }
.mi-answer { padding:24px 64px 4px 0; }
body.orderapp-studio .mi-answer p { font-size:17px; line-height:1.85; }
.mi-answer p+p { margin-top:18px!important; }
/* Article reading layout shares the same typography, without adding covers. */
body.orderapp-studio-native.single-post .page-title { background:#0b0b0b; padding:88px 0 58px; border:0; }
body.orderapp-studio-native.single-post .page-title h1 { font-family:Manrope,Arial,sans-serif; font-size:clamp(40px,5.6vw,80px); line-height:1.16; letter-spacing:-.05em; text-align:left; text-wrap:pretty; }
body.orderapp-studio-native.single-post .blog-details-content .text :is(p,li) { font-family:Manrope,Arial,sans-serif; font-size:18px; line-height:1.9; max-width:70ch; }
body.orderapp-studio-native.single-post .blog-details-content .text :is(h2,h3) { font-family:Manrope,Arial,sans-serif; margin:48px 0 24px; line-height:1.3; letter-spacing:-.04em; }
@media(min-width:1500px){.mi-contact-layout{gap:88px}.mi-connect{padding:44px}.mi-channel{padding:23px 20px}}
@media(max-width:1150px){body.orderapp-studio .mi{padding-inline:40px}.mi-contact-layout{gap:36px;grid-template-columns:.8fr 1.2fr}.mi-connect{padding:25px}.mi-connect-grid{grid-template-columns:1fr}.mi-qr{display:none}.mi-faq-layout{gap:45px}.mi-journal-head{grid-template-columns:1fr 330px}.mi-journal-grid{gap:48px 24px}}
@media(max-width:900px){body.orderapp-studio .mi{padding-top:64px}.mi-contact-layout,.mi-faq-layout{grid-template-columns:1fr;gap:48px}.mi-contact-copy h1{max-width:700px!important}.mi-connect-grid{grid-template-columns:.7fr 1fr}.mi-qr{display:flex}.mi-faq-head{position:static}.mi-faq-orbit{display:none}.mi-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-story:nth-child(n){margin-top:0}.mi-story:nth-child(2n){margin-top:48px}.mi-journal-head{gap:35px}.mi-lead{max-width:620px}.mi-contact-right{max-width:760px}}
@media(max-width:600px){body.orderapp-studio .mi{padding:44px 22px 76px}body.orderapp-studio .mi h1{font-size:clamp(54px,13vw,76px);line-height:1.08;letter-spacing:-.055em}.mi-journal-head{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.mi-journal-aside>p{font-size:16px!important;margin-bottom:22px!important}.mi-journal-grid{grid-template-columns:1fr;gap:42px}.mi-story:nth-child(n){margin-top:0}.mi-story-image{aspect-ratio:1.2;border-radius:20px}body.orderapp-studio .mi .mi-story h2{font-size:26px;margin:22px 0 16px;line-height:1.36}.mi-contact-layout,.mi-faq-layout{gap:36px}.mi-lead{margin-top:28px}.mi-lead p{font-size:16px!important}.mi-connect{padding:22px;border-radius:24px}.mi-connect-grid{grid-template-columns:1fr}.mi-qr{display:none}.mi-connect-intro{font-size:15px!important}.mi-channel{padding:19px!important}.mi-phone{padding:21px 19px;flex-direction:column;align-items:flex-start;gap:8px}.mi-phone strong{font-size:23px}.mi-email{margin-top:24px!important;font-size:25px!important}.mi-faq-contact{margin-top:25px}.mi-question{padding:25px 0}.mi-question summary{gap:20px}.mi-question h2{font-size:23px!important}.mi-answer{padding:20px 0 0}.mi-answer p{font-size:16px!important}.mi-search-result{flex-direction:column}.mi-native-form .row{margin:0}.mi-native-form .row>*{padding:0}body.orderapp-studio-native.single-post .page-title{padding:48px 0 25px}body.orderapp-studio-native.single-post .blog-details-content .text :is(p,li){font-size:16px;line-height:1.85}}
@media(prefers-reduced-motion:reduce){.mi-channel,.mi-question-icon:after,.mi-story-image img{transition:none}.mi-channel:hover{translate:none}}