/* Generated Sep 2026 from bundle/style.css: the homepage and Work-page marquee used <h1> for decoration; the markup is now
   <div class="mq-title"> so each page has one real H1. These are the original h1 rules re-targeted at .mq-title. */
.mq-title{font-weight:500;margin:0}
.spacer .mq-title{color:#000;font-size:122px;line-height:110px;position:absolute;width:183vw;right:-15px;font-weight:400}
.one_row .spacer .mq-title{font-size:54px;line-height:70px;padding-top:70px;padding-bottom:70px;color:#fff}
.title_run .mq-title{font-size:70px;color:#fff;white-space:nowrap;animation:marquee 10s linear infinite}
.titlee .mq-title{white-space:nowrap;opacity:.85;line-height:60vh;animation:marquee 10s linear infinite;color:#fff}
.spacer .mq-title#scrollingText2{top:20px;left:70%}
.studio_spacer .mq-title{font-size:142px;line-height:110px;color:#fff}
@media (max-width:1400px){.spacer .mq-title{width:225vw}}
@media (max-width:1200px){.spacer .mq-title{width:260vw}}
@media (max-width:1200px){.studio_spacer .mq-title{font-size:120px}}
@media (max-width:992px){.one_row .spacer .mq-title,.spacer .mq-title{width:326vw!important}}
@media (max-width:992px){.studio_spacer .mq-title{font-size:100px}}
@media (max-width:992px){.spacer .mq-title#scrollingText2{left:135%}}
@media (max-width:768px){.one_row .spacer .mq-title{padding:50px 0}}
@media (max-width:768px){.one_row .spacer .mq-title,.spacer .mq-title{width:358vw!important}}
@media (max-width:768px){.spacer .mq-title#scrollingText2{left:170%;font-size:80px}}
@media (max-width:768px){.mq-title#scrollingText{right:-90%;font-size:80px}}
@media (max-width:575px){.one_row .spacer .mq-title,.spacer .mq-title{width:610vw!important}}
@media (max-width:575px){.one_row .spacer .mq-title{padding:35px 0}}
@media (max-width:575px){.studio_spacer .mq-title{font-size:60px}}
@media (max-width:575px){.mq-title#scrollingText{right:-175%}}
@media (max-width:575px){.spacer .mq-title#scrollingText2{left:300%}}
@media (max-width:440px){.title_run .mq-title{font-size:26px;line-height:35px}}
@media (max-width:440px){.mq-title#scrollingText{right:-270%;font-size:51px;line-height:52px}}
@media (max-width:440px){.spacer .mq-title#scrollingText2{left:270%;font-size:51px;line-height:52px}}
/* homepage hero title is now an <h1 class="head_p"> inside .soulmaze_text (was a <p>) */
.home .soulmaze_text h1.head_p{font-size:inherit;line-height:inherit;font-weight:inherit;font-family:inherit;margin:0}
/* section titles promoted from h3 to h2 keep the h3 size */
.h3-size{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){.h3-size{font-size:1.75rem}}
/* about page: the second <h1> is now <h2 class="h1-style">; original .about_content h1 rules re-targeted */
.about_content .h1-style{font-size:74px;line-height:96px}
@media (max-width:1200px){.about_content .h1-style{font-size:65px;line-height:85px}}
@media (max-width:992px){.about_content .h1-style{font-size:50px;line-height:70px}}
@media (max-width:768px){.about_content .h1-style{font-size:45px;line-height:60px}}
@media (max-width:575px){.about_content .h1-style{font-size:32px;line-height:48px}}
@media (max-width:440px){.about_content .h1-style{font-size:24px;line-height:36px}}