/* Light studio: warm Persimmon fields, clear type and Persimmon actions. */
body.orderapp-studio,body.orderapp-studio-native{--ms-night:#fcfbf9;--ms-paper:#fff;--ms-ink:#202020;--ms-muted:#74716c;--ms-line:#e5dfd8;--ms-accent:#ff5d2e;--ms-lavender:#ff5d2e;--ms-violet:#ff5d2e;--ma-ink:#202020;--ma-muted:#74716c;--ma-line:#e5dfd8;--ma-paper:#fcfbf9;--ma-soft:#f7f4f0;--ma-accent:#ff5d2e;--theme-color-one:#ff5d2e;--theme-color-two:#ff5d2e;--theme-color:#ff5d2e;--text-color:#74716c;--title-color:#202020;--secondary-color:#fff;--e-global-color-primary:#202020;--e-global-color-secondary:#ff5d2e;--e-global-color-text:#74716c;--e-global-color-accent:#ff5d2e;background:#fcfbf9;color:#202020;color-scheme:light;font-family:Manrope,Arial,sans-serif}
body.orderapp-studio .boxed_wrapper,body.orderapp-studio .ms,body.orderapp-studio .ms-dark{background:#fcfbf9;color:#202020}
body.orderapp-studio :is(h1,h2,h3,h4,h5,h6){color:#202020}
body.orderapp-studio :is(a,button,input,textarea,summary):focus-visible{outline-color:#ff5d2e}
body.orderapp-studio ::selection{background:#ff5d2e;color:#fff}
body.orderapp-studio .ms-shell{width:min(100% - 96px,1240px)}
body.orderapp-studio :is(.ms,.mi) :is(h1,h2,h3){font-weight:600;letter-spacing:-.045em}
body.orderapp-studio :is(.ms,.mi) :is(h1,h2,h3) em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:inherit}
body.orderapp-studio .ms h2{font-size:clamp(34px,4vw,56px);line-height:1.15;font-weight:600}
body.orderapp-studio .ms-section{padding-block:80px}
body.orderapp-studio .ms-section-head{margin-bottom:36px;align-items:center}
body.orderapp-studio .ms-section-aside,body.orderapp-studio .ms p{color:#74716c}
body.orderapp-studio .ms-button,body.orderapp-studio-native .theme-btn .text{background:#ff5d2e;color:#fff!important;border:0;border-radius:14px;padding:18px 24px;min-height:58px}
body.orderapp-studio .ms-button>span{background:none;color:inherit;width:26px;height:26px}
body.orderapp-studio .ms-button:hover{background:#ff5d2e;color:#fff!important;transform:none}
body.orderapp-studio .ms-button--line{background:#fff;color:#ff5d2e!important}
body.orderapp-studio .ms-text-link:hover,body.orderapp-studio-native a:hover{color:#ff5d2e}
/* Shared navigation and translucent light glass. */
body.orderapp-studio .main-header :is(.header-lower,.sticky-header){background:#fcfbf9;border:0}
body.orderapp-studio .main-header .sticky-header,body.orderapp-studio .main-header.fixed-header .header-lower{background:#fcfbf9e3!important;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);border-bottom:1px solid #2020200e}
body.orderapp-studio .main-header .outer-container{max-width:1336px;padding-inline:48px}
body.orderapp-studio .main-header .outer-box{min-height:88px}
body.orderapp-studio .main-header .logo-box img{filter:none}
body.orderapp-studio .main-header .main-menu .navigation>li>a{color:#202020}
body.orderapp-studio .main-header .main-menu .navigation>li>a:hover{color:#ff5d2e}
body.orderapp-studio .main-header .theme-btn .text,body.orderapp-studio .main-header .theme-btn:is(:hover,:focus-visible) .text{background:#ff5d2e!important;color:#fff!important;border-radius:12px;padding:13px 22px}
body.orderapp-studio .main-header .theme-btn:is(:hover,:focus-visible) .text{background:#ff5d2e!important}
body.orderapp-studio .main-header .mobile-nav-toggler{color:#202020}
body.orderapp-studio .main-header .mobile-nav-toggler .icon-bar{background:#202020}
body.orderapp-studio .mobile-menu .menu-box{background:#fcfbf9;color:#202020}
body.orderapp-studio .mobile-menu :is(a,.close-btn){color:#202020}
body.orderapp-studio .mobile-menu .nav-logo img{filter:none}
body.orderapp-studio .main-footer,body.orderapp-studio .main-footer :is(.footer-top,.footer-bottom,.widgets-section){background:#f1eeea;color:#202020;border-color:#e5dfd8}
body.orderapp-studio .main-footer :is(h2,h3,h4,p,a){color:#202020}
body.orderapp-studio .main-footer .logo-widget img{filter:none}
/* A compact landing composition, with an actual product as its visual. */
body.orderapp-studio .ms-hero{min-height:0;display:block;background:#f2efeb;color:#202020;margin:8px 20px 0;border-radius:32px;overflow:hidden}
body.orderapp-studio .ms-hero:after{display:none}
body.orderapp-studio .ml-hero-layout{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:48px;padding-block:64px}
body.orderapp-studio .ms-hero h1{font-size:clamp(42px,5.3vw,76px);line-height:1.08;font-weight:600;text-align:left;margin:0 0 28px;max-width:800px}
body.orderapp-studio .ms-hero h1 em{color:#ff5d2e;font-size:inherit}
body.orderapp-studio .ml-hero-copy>p{font-size:19px;line-height:1.6;max-width:500px;margin:0 0 32px;color:#674d45}
.ml-hero-copy{min-width:0}.ml-hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.ml-hero-art{min-width:0}body.orderapp-studio .ms-hero h1 br{display:initial}
.ml-bitrix-link{margin-top:32px}
.ml-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:410px;background:#ffd5c9;border-radius:160px 160px 28px 28px;padding:24px}
.ml-hero-art img{display:block;width:205px;max-height:410px;object-fit:contain;filter:drop-shadow(0 20px 22px #682f1f2a);transform:rotate(6deg)}
.ml-hero-art:before{content:'';position:absolute;width:112px;height:112px;border:24px solid #ff5d2e;border-radius:50%;left:-24px;bottom:20px}
.ml-hero-art:after{content:'';position:absolute;width:68px;height:68px;background:#ff5d2e;border-radius:18px;right:-18px;top:22px;rotate:16deg}
/* Case cover files are complete compositions. Never crop or zoom them. */
body.orderapp-studio .ms-case-grid{gap:40px 28px;align-items:start}
body.orderapp-studio .ms-case-grid>.ms-case:first-child{grid-column:auto}
body.orderapp-studio .ms-case-grid>.ma-cover-case .ms-case-link,body.orderapp-studio .ma-service .ms-case-grid>.ma-cover-case:first-child .ms-case-link{height:auto;display:block;padding:0;border-radius:0;overflow:visible;color:#202020;background:none}
.ma-cover-visual{height:440px;border-radius:24px;background:#f1ebe9;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ma-cover-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none;border-radius:0}
.ma-cover-arben{background:#f4e8e4;padding:32px}
.ma-cover-arben img{width:auto;max-width:100%;height:100%;object-fit:contain}
body.orderapp-studio .ms-case-grid>.ma-cover-case .ms-case-meta,body.orderapp-studio .ms-case-grid>.ma-cover-case:first-child .ms-case-meta{position:static;display:flex;justify-content:space-between;align-items:start;gap:20px;margin:20px 0 0;max-width:none}
body.orderapp-studio .ms-case-grid>.ma-cover-case .ms-case-meta h3,body.orderapp-studio .ma-service .ms-case-grid>.ma-cover-case:first-child .ms-case-meta h3{font-size:25px;line-height:1.28;font-weight:600;margin:0;color:#202020}
body.orderapp-studio .ms-case-grid>.ma-cover-case .ms-case-meta>span{font:26px/1.2 Manrope,Arial,sans-serif;color:#202020;display:block}
body.orderapp-studio .ms-filters{gap:8px;display:flex;flex-wrap:wrap}
body.orderapp-studio .ms-filters button{padding:10px 15px;margin:0;border-radius:10px;background:#f2ebe9;color:#664d46;font-weight:500}
body.orderapp-studio .ms-filters button[aria-pressed=true]{background:#ff5d2e;color:#fff;box-shadow:none}
body.orderapp-studio .ms-result-count{color:#74716c}
/* Services: small, scannable cards with a link to the full SEO page. */
body.orderapp-studio .ms-services{background:#fff;border-radius:32px;margin-inline:20px}
body.orderapp-studio .ms-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.orderapp-studio .ms-service-grid article{background:#f8f6f3;border:0;border-radius:22px;padding:30px;min-height:0;color:#202020;display:flex;flex-direction:column;align-items:start}
body.orderapp-studio .ms-service-grid h3{font-size:27px;line-height:1.2;font-weight:600;margin:0 0 18px}
body.orderapp-studio .ms-service-grid p{font-size:16px;line-height:1.7;margin:0 0 30px;color:#6d6a66}
body.orderapp-studio .ms-service-grid a{margin-top:auto;color:#ff5d2e;font-size:15px}
body.orderapp-studio .ms-industry{border-color:#e5dfd8}
body.orderapp-studio .ms-industry summary{padding-block:26px}
body.orderapp-studio .ms-industry summary h3{font-size:26px}
body.orderapp-studio .ms-industry summary .ms-industry-hint{display:none}
body.orderapp-studio .ms-industry-body{color:#74716c}
body.orderapp-studio .ms-tags span{border-color:#e5dfd8;color:#694c43;background:#f7f0ee}
body.orderapp-studio .ms-related{color:#74716c;border-color:#e5dfd8}
body.orderapp-studio .ms-process{background:#f7f4f0;border-radius:32px;margin-inline:20px}
body.orderapp-studio .ms-process-grid article{border-color:#ead0c9;color:#202020}
body.orderapp-studio .ms-process-grid h3{font-size:25px;color:#202020}
body.orderapp-studio .ms-process-grid p{font-size:16px;color:#6d6a66}
body.orderapp-studio .ms-faq details,body.orderapp-studio .ms-faq>div:last-child{border-color:#e5dfd8}
body.orderapp-studio .ms-faq summary{font-size:21px;color:#202020}
body.orderapp-studio .ms-cta{background:#ff5d2e;border-radius:32px;margin:16px 20px 40px;padding-block:64px;color:#fff}
body.orderapp-studio .ms-cta h2{font-size:clamp(38px,5vw,68px);color:#fff;max-width:780px}
body.orderapp-studio .ms-cta .ms-button{background:#fff;color:#ff5d2e!important}
body.orderapp-studio .ms-cta :is(p,a){color:#fff}
body.orderapp-studio .ms-cta-bottom{padding-top:30px;margin-top:0;border:0}
body.orderapp-studio .ms-page-intro{padding-block:52px 34px}
body.orderapp-studio .ms-page-intro h1{font-size:clamp(44px,5.8vw,78px);margin-block:24px}
body.orderapp-studio .ms-intro-bottom{border-color:#e5dfd8}
/* Journal: equal top edges and shared cover ratio at every breakpoint. */
body.orderapp-studio .mi{--mi-purple:#ff5d2e;--mi-line:#e5dfd8;max-width:1336px;color:#202020;padding:64px 48px 88px}
body.orderapp-studio .mi h1{font-size:clamp(46px,5.8vw,80px);font-weight:600;line-height:1.1}
body.orderapp-studio .mi p{color:#74716c}
.mi-journal-head{margin-bottom:48px}
.mi-search{background:#f2ebe9;border-radius:14px}
body.orderapp-studio .mi-search input{color:#202020}
.mi-search button{background:#ff5d2e;color:#fff;border-radius:10px}
body.orderapp-studio .mi-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px;align-items:stretch}
body.orderapp-studio .mi-story:nth-child(n){margin:0;display:flex;flex-direction:column}
body.orderapp-studio .mi .mi-story-image{aspect-ratio:8/5;border-radius:20px;background:#f2efeb}
body.orderapp-studio .mi-story-image img{object-fit:contain;transform:none;translate:none;scale:1}
body.orderapp-studio .mi-story-image:hover img{filter:none}
body.orderapp-studio .mi-story-arrow{background:#fff;color:#ff5d2e}
body.orderapp-studio .mi .mi-story h2{font-size:23px;line-height:1.4;margin:22px 0;font-weight:600;color:#202020}
body.orderapp-studio .mi-read{margin-top:auto;align-self:start;color:#6d6a66}
.mi-pagination .current{background:#ff5d2e;color:#fff}
/* Contact and FAQ keep the same white panels and concise hierarchy. */
body.orderapp-studio .mi .mi-connect{background:#f7f4f0;border-radius:24px}
.mi-contact-orbit,.mi-faq-orbit{display:none}
body.orderapp-studio .mi-channel{background:#fff;color:#202020}
body.orderapp-studio .mi-channel:hover{background:#ffe3db;color:#202020;translate:none}
.mi-channel>svg,.mi-channel>b{color:#ff5d2e}
.mi-channel small,.mi-qr span{color:#74716c}
.mi-qr{background:#ffffff80}
body.orderapp-studio .mi-phone,body.orderapp-studio .mi-phone:hover{background:#ff5d2e;color:#fff}
body.orderapp-studio .mi .mi-phone :is(span,strong,b){color:#fff}
body.orderapp-studio .mi-connect-intro{color:#6d6a66}
.mi-question{background:#fff;border:0;border-radius:18px;padding:25px;margin-bottom:12px}
.mi-questions{border:0}
body.orderapp-studio .mi .mi-question h2{font-size:22px;color:#202020}
.mi-question-icon:before,.mi-question-icon:after{background:#ff5d2e}
body.orderapp-studio .mi-question[open] h2{color:#ff5d2e}
.mi-native-form :is(input:not([type=checkbox]):not([type=submit]),textarea){background:#fff;color:#202020;border-color:#e5cfc9}
.mi-native-form :is(input[type=submit],button[type=submit]){background:#ff5d2e;color:#fff}
body.orderapp-studio .ma-dialog{background:#fffffff5;color:#202020;border:1px solid #e5dfd8;box-shadow:0 32px 100px #46201535}
.ma-dialog::backdrop{background:#4b231866}
body.orderapp-studio .ma-dialog h2{color:#202020}
body.orderapp-studio .ma-dialog .mi-channel{background:#f8f6f3}
body.orderapp-studio .ma-dialog .mi .mi-connect{background:none}
body.orderapp-studio .ma-contact-float{background:#ff5d2e;color:#fff;border:0;border-radius:16px}
body.orderapp-studio .ma-contact-float:hover{background:#ff5d2e;color:#fff}
body.orderapp-studio .scroll-to-top{background:#fff;color:#ff5d2e;border:1px solid #e5dfd8;box-shadow:0 4px 20px #20202012}
/* Service and project detail pages. */
.ma-service-heading{padding-block:55px 65px}
.ma-service h1{font-size:clamp(44px,5.4vw,76px)}
body.orderapp-studio .ma-service :is(p,.ma-service-heading>p,.ma-service-heading>div>p),body.orderapp-studio .ma-case-heading>p{color:#74716c}
.ma-service-section,.ma-service-row,.ma-service-row:last-child,.ma-features article,.ma-service-faq details{border-color:#e5dfd8}
.ma-service-section{padding-block:64px}
.ma-features{gap:12px}.ma-features details{padding:24px;background:#fff;border-radius:18px}.ma-features summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.ma-features summary::-webkit-details-marker{display:none}.ma-features summary h3{font-size:22px;margin:0}.ma-features summary span{font-size:25px;color:#ff5d2e}.ma-features details[open] summary span{rotate:45deg}.ma-features details p{margin:20px 0 0}
.ma-service-art{background:#f2efeb;border-radius:24px}
.ma-service-heading--store .ma-service-art{max-height:none;transform:none;max-width:270px;justify-self:center;box-shadow:none}
.ma-store-screens .ma-service-art{max-height:none}
.ma-service-art img{transform:none!important;translate:none!important;object-fit:contain}
.ma-store-screens figure:nth-child(2){margin-top:0}
.ma-other-services a{color:#6d6a66}
.ma-case-heading{padding-block:48px 44px}
.ma-case-heading h1{font-size:clamp(40px,5.6vw,76px);max-width:1000px;margin:24px 0;line-height:1.12}
.ma-case-heading>p{font-size:19px;max-width:720px}
body.orderapp-studio .ma-case-detail .orderapp-case-frame{background:#fcfbf9}
/* Native articles, legal pages and the preserved Arben wrapper. */
body.orderapp-studio-native :is(.sidebar-page-container,.service-details,.project-details,.team-details,.error-section,.page-title),body.orderapp-studio-native.single-post .page-title{background:#fcfbf9;color:#202020;border-color:#e5dfd8}
body.orderapp-studio-native .page-title h1{color:#202020;font-size:clamp(34px,4.7vw,64px)}
body.orderapp-studio-native .page-title .bread-crumb li{color:#74716c}
body.orderapp-studio-native .page-title .bread-crumb a{color:#ff5d2e}
body.orderapp-studio-native .elementor>.e-con{background-color:#fcfbf9!important}
body.orderapp-studio-native .elementor :is(.elementor-heading-title,.sec-title h2),body.orderapp-studio-native .elementor .elementor-widget-heading :is(h2,h3,h4){color:#202020!important}
body.orderapp-studio-native .elementor-widget-text-editor{color:#74716c}
body.orderapp-studio-native :is(.block-shadow,.blog-sidebar .sidebar-widget,.news-block-one .inner-box,.news-block-one .lower-content){background:#fff;color:#202020;border-color:#e5dfd8}
body.orderapp-studio-native :is(.block-shadow,.pricing-table,.news-block-one) :is(h2,h3,h4){color:#202020}
body.orderapp-studio.single-post .blog-details-content .news-block-one .category-list li a{background:#f7f4f0;color:#ff5d2e!important}
body.orderapp-studio.single-post .blog-details-content .news-block-one .category-list li a:is(:hover,:focus-visible){background:#ffded5;color:#ff5d2e!important}
body.orderapp-studio.single-post .blog-details-content .news-block-one .category-list{border-color:#e5dfd8}
body.orderapp-studio-native .blog-details-content :is(.text,p,li){color:#694c43}
body.orderapp-studio-native .blog-details-content .text :is(h2,h3,h4){color:#202020}
body.orderapp-studio .orderapp-project-intro,body.orderapp-studio .orderapp-project-cta{background:#f7f4f0;color:#202020}
body.orderapp-studio .orderapp-project-intro :is(h1,p,a),body.orderapp-studio .orderapp-project-cta :is(h2,p,a){color:#202020}
body.orderapp-studio .main-footer :is(.widget-section,.main-footer-content,.footer-bottom){background:#f1eeea;border-color:#e5dfd8}
body.orderapp-studio .main-footer :is(p,li,a){color:#6d6a66}
body.orderapp-studio .main-footer a:hover{color:#ff5d2e}
body.orderapp-studio-native .orderapp-legal :is(p,li){color:#694c43}
body.orderapp-studio-native.page-id-2448 .orderapp-legal>ul,body.orderapp-studio-native.page-id-2448 .orderapp-legal>ul>li{border-color:#e5dfd8}
body.orderapp-studio-native :is(th,code,pre,blockquote){background:#f7f4f0;color:#202020;border-color:#e5dfd8}
body.orderapp-studio-native :is(input[type=text],input[type=email],input[type=tel],input[type=search],input[type=url],textarea,select),body.orderapp-studio-native .wpcf7 form.wpcf7-form .form-group :is(input[type=text],input[type=tel],input[type=email],textarea){background:#fff;color:#202020;border-color:#e5cfc9}
body.orderapp-studio-native .wpcf7 label,body.orderapp-studio-native .wpcf7-response-output{color:#694c43}
body.orderapp-studio-native .wpcf7 input[type=checkbox]{accent-color:#ff5d2e}
body.orderapp-studio-native .wpcf7 a{color:#ff5d2e}
body.orderapp-studio-native :is(.wpcf7 input[type=submit],input[type=submit],button[type=submit].theme-btn),body.orderapp-studio-native .wpcf7 input[type=submit]:hover{background:#ff5d2e;color:#fff;border-color:#ff5d2e;border-radius:12px}
body.orderapp-studio-native .wpcf7-not-valid-tip{color:#b82d11}
body.orderapp-studio .mobile-menu .navigation .current-menu-item>a{background:none;color:#ff5d2e}
body.orderapp-studio .mi-search input{background:transparent;border:0;box-shadow:none}
@media(max-width:1000px){body.orderapp-studio .ms-shell{width:calc(100% - 64px)}body.orderapp-studio .main-header .outer-container{padding-inline:32px}body.orderapp-studio .ml-hero-layout{gap:28px}body.orderapp-studio .ms-hero h1{font-size:48px}.ml-hero-art{min-height:350px}.ml-hero-art img{max-height:330px;width:175px}.ma-cover-visual{height:360px}body.orderapp-studio .mi-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.orderapp-studio .mi{padding-inline:32px}body.orderapp-studio .ms-service-grid{grid-template-columns:1fr}.mi-question{padding:22px}}
@media(max-width:767px){body.orderapp-studio .ms-shell{width:calc(100% - 40px)}body.orderapp-studio .main-header .outer-container{padding-inline:20px}body.orderapp-studio .main-header .outer-box{min-height:78px}body.orderapp-studio .ms-hero{margin:0 12px;border-radius:24px}body.orderapp-studio .ml-hero-layout{grid-template-columns:1fr;padding-block:38px;gap:36px}body.orderapp-studio .ms-hero h1{font-size:clamp(37px,9.5vw,52px);line-height:1.12;margin-bottom:22px}body.orderapp-studio .ml-hero-copy>p{font-size:17px;margin-bottom:26px}.ml-hero-actions{gap:20px}.ml-hero-art{min-height:310px;border-radius:120px 120px 22px 22px;margin:0 14px}.ml-hero-art img{max-height:290px;width:156px}.ml-hero-art:before{width:86px;height:86px;border-width:18px;left:-15px}.ml-hero-art:after{right:-12px;width:48px;height:48px}body.orderapp-studio .ms-section{padding-block:54px}body.orderapp-studio .ms-section-head{gap:22px;margin-bottom:28px}body.orderapp-studio .ms h2{font-size:35px}body.orderapp-studio .ms-case-grid{grid-template-columns:1fr;gap:32px}.ma-cover-visual{height:360px;border-radius:20px}body.orderapp-studio .ms-case-grid>.ma-cover-case .ms-case-meta h3{font-size:23px}body.orderapp-studio .ms-services,body.orderapp-studio .ms-process{margin-inline:12px;border-radius:24px}body.orderapp-studio .ms-service-grid article{padding:26px}body.orderapp-studio .ms-industry summary h3{font-size:23px}body.orderapp-studio .ms-cta{margin:12px 12px 28px;border-radius:24px;padding-block:42px}body.orderapp-studio .ms-cta h2{font-size:39px}body.orderapp-studio .mi{padding:38px 20px 64px}body.orderapp-studio .mi h1{font-size:46px}body.orderapp-studio .mi-journal-grid{grid-template-columns:1fr;gap:36px}body.orderapp-studio .mi .mi-story h2{font-size:24px}.mi-journal-head{margin-bottom:32px}.mi-question{padding:22px 20px}body.orderapp-studio .mi .mi-question h2{font-size:21px}.ma-service h1{font-size:43px}.ma-service-section{padding-block:48px}.ma-case-heading h1{font-size:42px}.ma-case-heading>p{font-size:17px}.ma-dialog .mi-phone strong{font-size:23px}body.orderapp-studio .ma-contact-float{border-radius:50%}}

/* Original Persimmon fills need graphite labels, including hover/focus states. */
body.orderapp-studio .ms-button,body.orderapp-studio .ms-button:hover,
body.orderapp-studio-native .theme-btn .text,
body.orderapp-studio .main-header .theme-btn .text,
body.orderapp-studio .main-header .theme-btn:is(:hover,:focus-visible) .text{color:#202020!important}
body.orderapp-studio .ms-button--line{color:#ff5d2e!important}
body.orderapp-studio .ms-cta,body.orderapp-studio .ms-cta :is(h2,p,a){color:#202020}
body.orderapp-studio .ms-cta .ms-button{color:#ff5d2e!important}
body.orderapp-studio .ms-filters button[aria-pressed=true],.mi-search button,.mi-pagination .current,
body.orderapp-studio .mi-phone,body.orderapp-studio .mi-phone:hover,
body.orderapp-studio .mi .mi-phone :is(span,strong,b),
body.orderapp-studio .ma-contact-float,body.orderapp-studio .ma-contact-float:hover,
.mi-native-form :is(input[type=submit],button[type=submit]),
body.orderapp-studio-native :is(.wpcf7 input[type=submit],input[type=submit],button[type=submit].theme-btn),
body.orderapp-studio-native .wpcf7 input[type=submit]:hover{color:#202020}
body.orderapp-studio ::selection{color:#202020}

/* Edge-to-edge project artwork follows the source poster proportions. */
body.orderapp-studio .ma-cover-visual{height:auto;aspect-ratio:1122/1402;padding:0}
body.orderapp-studio .ma-cover-visual img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
body.orderapp-studio .ma-cover-arben{aspect-ratio:1122/1402;background:#262424}
/* Open kinetic artwork: no enclosing window or device mockup. */
body.orderapp-studio .ml-hero-art{background:none;border-radius:0;padding:0;min-height:0;aspect-ratio:1;overflow:visible;margin:0}
body.orderapp-studio .ml-hero-art:before,body.orderapp-studio .ml-hero-art:after{display:none}
body.orderapp-studio .ml-hero-art img{display:block;width:100%;height:auto;max-height:none;max-width:none;transform:none!important;filter:none;translate:none!important;scale:1}
/* Sculptural hero and case-only masonry; the blog keeps its aligned grid. */
body.orderapp-studio .ml-hero-art{animation:ma-sculpture-float 9s ease-in-out infinite;isolation:isolate}
html[data-ms-motion=full] body.orderapp-studio .ml-hero-art{animation:ma-sculpture-float 9s ease-in-out infinite!important}
html[data-ms-motion=full] body.orderapp-studio .ml-hero-art:before{animation:ma-pebble-float 7s ease-in-out infinite!important}
html[data-ms-motion=full] body.orderapp-studio .ml-hero-art:after{animation:ma-pebble-float 11s ease-in-out infinite reverse!important}
body.orderapp-studio .ml-hero-art img{position:relative;z-index:1}
body.orderapp-studio .ml-hero-art:before{display:block;content:'';width:90px;height:90px;border:0;left:0;bottom:6%;background:radial-gradient(circle at 30% 25%,#fff,#f5cdc1 55%,#c99f93);border-radius:50%;box-shadow:inset -8px -8px 18px #96625333;animation:ma-pebble-float 7s ease-in-out infinite}
body.orderapp-studio .ml-hero-art:after{display:block;content:'';width:70px;height:70px;right:4%;top:6%;background:linear-gradient(135deg,#fff9,#eec9be88);border:1px solid #fff9;border-radius:24px;backdrop-filter:blur(12px);rotate:24deg;animation:ma-pebble-float 11s ease-in-out infinite reverse}
@keyframes ma-sculpture-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-22px) rotate(5deg)}}
@keyframes ma-pebble-float{0%,100%{translate:0 0}50%{translate:10px -24px}}
body.orderapp-studio .ms-case-grid.ma-masonry{grid-template-columns:1.12fr 1fr;grid-auto-rows:8px;column-gap:32px;row-gap:0;align-items:start}
body.orderapp-studio .ms-case-grid.ma-masonry>.ma-cover-case{margin:0;min-height:0;align-self:start}
body.orderapp-studio .ms-case-grid>:is(.ma-cover-case,.ma-cover-case:first-child) .ms-case-link{height:auto;min-height:0}
body.orderapp-studio .ms-case-grid>:is(.ma-cover-case,.ma-cover-case:first-child) .ms-case-meta h3{font-size:25px;line-height:1.28;font-weight:600;margin:0;max-width:none}
body.orderapp-studio .ma-cover-visual{height:auto;aspect-ratio:1122/1402}
body.orderapp-studio .ma-case-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:32px}
body.orderapp-studio .orderapp-project.ma-case-detail{background:#fcfbf9;color:#202020}
body.orderapp-studio .ma-case-detail .orderapp-case-frame{display:block;width:100%;margin:0;border:0;background:#fcfbf9}
body.orderapp-studio .ma-case-heading h1{font-size:27px;line-height:1.25;margin:0;max-width:70%;text-align:right}
/* Flat channel cards and a single geometry for both header buttons. */
body.orderapp-studio .mi :is(.mi-connect,.mi-channel,.mi-phone,.mi-qr,.mi-qr img){border-radius:0}
body.orderapp-studio .main-header .theme-btn.btn-one{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-height:48px;height:48px;width:auto;padding:0 24px!important;line-height:1;border:0;border-radius:12px;background:#ff5d2e;box-shadow:none;overflow:hidden;transform:none}
body.orderapp-studio .main-header .theme-btn.btn-one .text{display:block;position:static;padding:0!important;min-height:0;height:auto;background:transparent;border:0;border-radius:0;font:600 14px/1.2 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#202020!important;transform:none!important;transition:none}
body.orderapp-studio .main-header .theme-btn.btn-one:before,body.orderapp-studio .main-header .theme-btn.btn-one:after,body.orderapp-studio .main-header .theme-btn.btn-one .text:before,body.orderapp-studio .main-header .theme-btn.btn-one .text:after{display:none!important}
body.orderapp-studio .main-header .theme-btn.btn-one:hover{background:#ff5d2e;color:#202020;transform:none;box-shadow:none;opacity:.92}
body.orderapp-studio .orderapp-legal{background:#fcfbf9;color:#202020}
body.orderapp-studio .orderapp-legal :is(h1,h2,h3,strong){color:#202020}
body.orderapp-studio.orderapp-studio-native .orderapp-legal a{color:#202020;text-decoration-color:#ff5d2e;text-underline-offset:5px}
body.orderapp-studio.orderapp-studio-native .orderapp-legal a:hover{color:#ff5d2e}
body.orderapp-studio .orderapp-legal :is(table,th,td){background:transparent;border-color:#e5dfd8;color:#694c43}
body.orderapp-studio .orderapp-legal blockquote{background:#f2efeb;color:#202020;border-color:#ff5d2e}
body.orderapp-studio .ma-cover-visual,body.orderapp-studio .ma-cover-arben{height:auto;aspect-ratio:auto;display:block;background:#f2efeb}
body.orderapp-studio .ma-cover-visual img{display:block;width:100%;height:auto;object-fit:cover}
@media(max-width:767px){body.orderapp-studio .ml-hero-art{width:90%;margin-inline:auto}body.orderapp-studio .ml-hero-art:before{width:58px;height:58px}body.orderapp-studio .ml-hero-art:after{width:44px;height:44px;border-radius:15px}body.orderapp-studio .ma-case-heading{padding-block:24px;gap:14px}body.orderapp-studio .ma-case-heading h1{font-size:20px;max-width:65%}.ma-case-heading .ms-small-link{font-size:13px}}
/* Shared closing invitation: keep every text layer readable on Persimmon. */
body.orderapp-studio #contact_form.ms-cta,
body.orderapp-studio .ms #contact_form.ms-cta {background:#ff5d2e;color:#202020;padding:64px 48px;border-radius:24px}
body.orderapp-studio #contact_form.ms-cta .ms-shell {width:100%;max-width:1240px;margin:0 auto;padding:0}
body.orderapp-studio #contact_form.ms-cta h2 {color:#202020;font-size:clamp(42px,5.5vw,76px);line-height:1.1;letter-spacing:-.045em;max-width:900px;margin:0}
body.orderapp-studio #contact_form.ms-cta :is(h2 em,h2 span,p,a) {color:#202020}
body.orderapp-studio #contact_form.ms-cta h2 em {display:block}
body.orderapp-studio #contact_form.ms-cta .ms-cta-bottom {padding-top:36px;gap:24px;align-items:center}
body.orderapp-studio #contact_form.ms-cta .ms-button {background:#fff;color:#202020!important;border-color:transparent;box-shadow:none}
body.orderapp-studio #contact_form.ms-cta .ms-button:hover {background:#f2efeb;color:#202020!important}
body.orderapp-studio #contact_form.ms-cta .ms-mail {color:#202020;border-bottom-color:#202020;font-size:16px}
body.orderapp-studio.single-post .blog-details-content .news-block-one .category-list li a,
body.orderapp-studio.single-post .blog-details-content .news-block-one .category-list li a:hover {color:#202020!important;background:#f2efeb!important}
@media(max-width:767px){
 body.orderapp-studio #contact_form.ms-cta,body.orderapp-studio .ms #contact_form.ms-cta {padding:40px 24px;border-radius:20px;margin-left:12px;margin-right:12px}
 body.orderapp-studio #contact_form.ms-cta h2 {font-size:clamp(36px,9vw,56px)}
 body.orderapp-studio #contact_form.ms-cta .ms-cta-bottom {align-items:flex-start;flex-direction:column;padding-top:28px;gap:24px}
}
/* Two-line wordmark keeps its silhouette in both header copies and the menu. */
body.orderapp-studio .main-header .logo-box {padding-block:10px}
body.orderapp-studio .main-header .logo-box img,
body.orderapp-studio .mobile-menu .nav-logo img {display:block;width:168px;max-width:100%;height:auto;max-height:none;filter:none}
body.orderapp-studio .mobile-menu .nav-logo {padding:22px 24px}
@media(max-width:767px){body.orderapp-studio .main-header .logo-box img{width:150px}}
/* Graphite controls separate readable labels from vivid Persimmon artwork. */
body.orderapp-studio {--ma-action:#242321;--ma-action-hover:#3a3835}
body.orderapp-studio .ms-button:not(.ms-button--line),
body.orderapp-studio .main-header .theme-btn.btn-one,
body.orderapp-studio .mi-search button,
body.orderapp-studio .mi-pagination .current,
body.orderapp-studio .ms-filters button[aria-pressed=true],
body.orderapp-studio .ma-contact-float,
body.orderapp-studio .mi-phone,
body.orderapp-studio .mi-native-form :is(input[type=submit],button[type=submit]),
body.orderapp-studio-native :is(.wpcf7 input[type=submit],input[type=submit],button[type=submit].theme-btn) {background:var(--ma-action);color:#fff!important}
body.orderapp-studio .main-header .theme-btn.btn-one .text,
body.orderapp-studio .main-header .theme-btn.btn-one:is(:hover,:focus-visible) .text,
body.orderapp-studio .mi .mi-phone :is(span,strong,b) {color:#fff!important}
body.orderapp-studio .ms-button:not(.ms-button--line):hover,
body.orderapp-studio .main-header .theme-btn.btn-one:hover,
body.orderapp-studio .ma-contact-float:hover,
body.orderapp-studio .mi-phone:hover,
body.orderapp-studio-native .wpcf7 input[type=submit]:hover {background:var(--ma-action-hover);color:#fff!important;opacity:1}
body.orderapp-studio #contact_form.ms-cta,
body.orderapp-studio .ms #contact_form.ms-cta {background:var(--ma-action);color:#fff}
body.orderapp-studio #contact_form.ms-cta :is(h2,h2 em,h2 span,p,a),
body.orderapp-studio #contact_form.ms-cta .ms-mail {color:#fff;border-bottom-color:#ffffff80}
body.orderapp-studio #contact_form.ms-cta .ms-button,
body.orderapp-studio #contact_form.ms-cta .ms-button:hover {background:#fff;color:#202020!important}
body.orderapp-studio ::selection {background:#ff5d2e;color:#fff}
/* A genuine rotating volume replaces the floating abstract artwork. */
.ml-phone-stage {position:relative;width:100%;height:500px;display:grid;place-items:center;isolation:isolate}
.ml-phone-stage:after {content:'';position:absolute;width:150px;height:20px;bottom:6px;left:50%;translate:-50% 0;background:#74351526;border-radius:50%;filter:blur(14px);z-index:-1}
.ml-phone-stage canvas {display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .4s ease}
.ml-phone-stage.is-ready canvas {opacity:1}
.ma-phone-fallback {width:205px;height:444px;overflow:hidden;background:#fff;border:7px solid #171717;outline:3px solid #e96a2f;border-radius:34px;transform:rotate(-9deg);box-shadow:22px 28px 45px #61352126;transition:opacity .3s}
.ma-phone-fallback img {display:block;width:100%;height:100%;object-fit:cover}
.ml-phone-stage.is-ready .ma-phone-fallback {opacity:0;visibility:hidden}
@media(max-width:1000px){.ml-phone-stage{height:440px}}
@media(max-width:767px){.ml-phone-stage{height:420px;max-width:360px;margin-inline:auto}.ma-phone-fallback{width:174px;height:376px;border-radius:29px}.ml-phone-stage:after{bottom:0}}

body.orderapp-studio .main-header .theme-btn.btn-one .text {background:transparent!important;text-decoration:none}
/* Vivid orange is reserved for large lettering and sculptural accents. */
body.orderapp-studio #contact_form.ms-cta,
body.orderapp-studio .ms #contact_form.ms-cta {background:#ff5d2e}
body.orderapp-studio #contact_form.ms-cta .ms-mail {font-size:20px;font-weight:600}
body.orderapp-studio :is(.ms-service-grid a,.ms-text-link,.ms-small-link):hover {color:#202020;text-decoration:underline;text-decoration-color:#ff5d2e;text-underline-offset:6px}

/* The doubled hero phone is intentionally clipped at the lower block boundary. */
body.orderapp-studio .ml-hero-layout{grid-template-columns:1fr 1fr;gap:32px;padding-block:40px 0}
.ml-phone-stage{height:600px;overflow:hidden}
.ma-phone-fallback{width:66%;max-width:330px;height:auto;aspect-ratio:851/1849}
@media(max-width:1000px){
 body.orderapp-studio .ml-hero-layout{grid-template-columns:1fr;gap:20px}
 .ml-phone-stage{height:580px;max-width:600px;margin-inline:auto}
}
@media(max-width:767px){
 /* Leave room for the rotated static phone's top corners and frame. */
 .ml-phone-stage{height:auto;aspect-ratio:360/660;max-width:360px}
 .ma-phone-fallback{width:74%;max-width:276px;height:auto}
}

@media(min-width:1001px){body.orderapp-studio .ml-hero-copy{align-self:start;padding-top:50px}}

body.orderapp-studio .ms-hero:has(.ml-phone-stage){overflow:hidden}