/*
 * Styles that articles used to carry in a pasted <style> block (a raw HTML
 * block in the body, which editors met in the Studio). NOT on live.
 *
 * Loaded at every width from src/app/layout.tsx. Every rule is keyed to a
 * class or property that only those articles' markup carries, so other pages
 * are unaffected. Moved here 2026-10-15; see the README, "Editing in the
 * Studio".
 */

/* Red in-text links (class "mm-inline-link" on a link; two porting articles).
   "mm-inline-link-strong" adds the semi-bold one of them was written with. */
.mm-inline-link {
  color: #e60028 !important;
  text-decoration: none !important;
  transition: color .2s ease;
}
.mm-inline-link-strong {
  font-weight: 600;
}
.mm-inline-link:hover,
.mm-inline-link:focus {
  color: #a8001d !important;
  text-decoration: none !important;
}

/* The closing call-to-action card (box styles "final-cta" and "final-cta-b"):
   hover and focus states of its button and its row of links. */
.mm-final-cta a.mm-final-cta-button { transition: background-color .2s ease, border-color .2s ease !important; }
.mm-final-cta a.mm-final-cta-button:hover,
.mm-final-cta a.mm-final-cta-button:focus { background: #b60020 !important; border-color: #b60020 !important; color: #fff !important; }
.mm-final-cta a.mm-final-cta-link { transition: color .2s ease !important; }
.mm-final-cta a.mm-final-cta-link .mm-cta-arrow { display: inline-block; transition: transform .2s ease; }
.mm-final-cta a.mm-final-cta-link:hover,
.mm-final-cta a.mm-final-cta-link:focus { color: #e60028 !important; }
.mm-final-cta a.mm-final-cta-link:hover .mm-cta-arrow,
.mm-final-cta a.mm-final-cta-link:focus .mm-cta-arrow { transform: translateX(4px); }

/* List items written with a bullet colour of their own (style="--bullet-color:…"). */
li[style*="--bullet-color"]::marker {
  color: var(--bullet-color);
}

/* The starting sections of a page made in the Studio (src/structured/starters.ts):
   copies of a migrated row with ids of their own, so they look the same on any
   page. The rules are the source page's generated ones (post-4939.css: the
   services banner of /services/2d-animation/; post-1052.css: the text column of
   /cookie-policy/), keyed to the starters' ids. The banner's picture is the
   page's featured image (--mm-banner-image, set on the row); without one, the
   theme's dark blue. */
.elementor .elementor-element.elementor-element-mm-banner{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor .elementor-element.elementor-element-mm-banner::before, .elementor .elementor-element.elementor-element-mm-banner > .elementor-background-video-container::before, .elementor .elementor-element.elementor-element-mm-banner > .e-con-inner > .elementor-background-video-container::before, .elementor .elementor-element.elementor-element-mm-banner > .elementor-background-slideshow::before, .elementor .elementor-element.elementor-element-mm-banner > .e-con-inner > .elementor-background-slideshow::before, .elementor .elementor-element.elementor-element-mm-banner > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("/wp-content/uploads/2024/05/Background_Cut-3.png");--background-overlay:'';background-position:-80px 0px;background-repeat:no-repeat;}
.elementor .elementor-element.elementor-element-mm-banner:not(.elementor-motion-effects-element-type-background), .elementor .elementor-element.elementor-element-mm-banner > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:#0A132D var(--mm-banner-image, none) 50% 50%;background-size:cover;}
.elementor .elementor-element.elementor-element-mm-banner-content{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}
.elementor .elementor-element.elementor-element-mm-banner-kicker > .elementor-widget-container{margin:0px 0px 15px 0px;}
.elementor .elementor-element.elementor-element-mm-banner-kicker .elementor-heading-title{font-family:"Agdasima Regular", Sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;font-style:normal;line-height:24px;letter-spacing:3px;color:#FA0F3E;}
.elementor .elementor-element.elementor-element-mm-banner-title > .elementor-widget-container{margin:0px 0px 24px 0px;}
.elementor .elementor-element.elementor-element-mm-banner-title .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:52.8px;color:#FFFFFF;}
.elementor .elementor-element.elementor-element-mm-banner-text{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:400;line-height:26px;letter-spacing:0.3px;color:#FFFFFF;}
.elementor .elementor-element.elementor-element-mm-banner-side{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}
@media(min-width:768px){
  .elementor .elementor-element.elementor-element-mm-banner-content{--width:50%;}
  .elementor .elementor-element.elementor-element-mm-banner-side{--width:50%;}
}
@media(max-width:1024px){
  .elementor .elementor-element.elementor-element-mm-banner::before, .elementor .elementor-element.elementor-element-mm-banner > .elementor-background-video-container::before, .elementor .elementor-element.elementor-element-mm-banner > .e-con-inner > .elementor-background-video-container::before, .elementor .elementor-element.elementor-element-mm-banner > .elementor-background-slideshow::before, .elementor .elementor-element.elementor-element-mm-banner > .e-con-inner > .elementor-background-slideshow::before, .elementor .elementor-element.elementor-element-mm-banner > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("/wp-content/uploads/2024/05/Background_Cut-3.png");background-position:120% 0px;}
  .elementor .elementor-element.elementor-element-mm-banner{--flex-wrap:wrap;--overlay-opacity:1;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}
  .elementor .elementor-element.elementor-element-mm-banner-title .elementor-heading-title{font-size:36px;line-height:40px;}
}
@media(max-width:767px){
  .elementor .elementor-element.elementor-element-mm-banner::before, .elementor .elementor-element.elementor-element-mm-banner > .elementor-background-video-container::before, .elementor .elementor-element.elementor-element-mm-banner > .e-con-inner > .elementor-background-video-container::before, .elementor .elementor-element.elementor-element-mm-banner > .elementor-background-slideshow::before, .elementor .elementor-element.elementor-element-mm-banner > .e-con-inner > .elementor-background-slideshow::before, .elementor .elementor-element.elementor-element-mm-banner > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("/wp-content/uploads/2024/05/Group-1.png");background-position:-90px 240px;background-size:cover;}
  .elementor .elementor-element.elementor-element-mm-banner{--min-height:780px;--flex-wrap:wrap;--overlay-opacity:1;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}
  .elementor .elementor-element.elementor-element-mm-banner-kicker .elementor-heading-title{font-size:16px;line-height:16px;}
  .elementor .elementor-element.elementor-element-mm-banner-title .elementor-heading-title{font-size:32px;line-height:36px;}
  .elementor .elementor-element.elementor-element-mm-banner-text{font-size:14px;line-height:22px;}
  .elementor .elementor-element.elementor-element-mm-banner-side{--min-height:400px;}
}
@media(max-width:1024px) and (min-width:768px){
  .elementor .elementor-element.elementor-element-mm-banner{--content-width:100%;}
}
.elementor .elementor-element.elementor-element-mm-text{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}
.elementor .elementor-element.elementor-element-mm-text-body{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}
@media(max-width:1024px){
  .elementor .elementor-element.elementor-element-mm-text-body{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}
}
/* A text row right after another continues it: about a paragraph's space between them instead of 170px (the theme's margins of .privacy_content, both !important). */
.elementor .elementor-element.elementor-element-mm-text + .elementor-element.elementor-element-mm-text{margin-top:-70px !important;}
.elementor .elementor-element.elementor-element-mm-text + .elementor-element.elementor-element-mm-text .elementor-widget-container{margin-top:16px !important;}

/* Spacing that empty paragraphs used to make (removed from the content on
   2026-10-16; see the README, "Editing in the Studio"), where taking them out
   would have glued two things together: the two paragraphs of
   /services/full-cycle-game-development/'s banner (a blank line between
   them), and the heading of "Developing for all game key platforms" on
   /services/game-development/ (43px above the line under it). */
.page-id-4704 .elementor-element-653aa31c p + p { margin-top: 1lh; }
.page-id-10163 .elementor-element-67971c39 > .elementor-widget-container { padding-bottom: 43px !important; }