/* Motion Adventure V11.32.27: the official logo leads while the slider is visible. */
html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title {
  position:relative;z-index:1;isolation:isolate;
  display:flex!important;flex-direction:column;align-items:flex-start;gap:0;
  width:max-content;max-width:min(620px,74vw)!important;overflow:visible;
  margin:17px 0 24px!important;padding:0 0 .08em;
  color:#fff7e8;text-transform:uppercase;text-wrap:balance;transform:none!important;
}
html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-pre {
  display:block;font-family:'Barlow Condensed',Impact,sans-serif!important;
  font-size:clamp(34px,3.1vw,48px)!important;font-style:italic!important;
  font-weight:800!important;line-height:.9!important;letter-spacing:.15em!important;
  color:#fff7e8!important;-webkit-text-stroke:.25px #fff7e8;
  text-shadow:1px 2px 0 #38230d,3px 4px 0 #100b06;
  transform:skewX(-8deg) translateX(.08em);transform-origin:left center;
  animation:ma27-title-lead .42s ease-out both;
}
html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-main {
  position:relative;display:block;isolation:isolate;overflow:visible;
  margin-top:.025em;padding:0 .08em .1em 0;
  font-family:'Barlow Condensed',Impact,sans-serif!important;
  font-size:clamp(60px,5vw,86px)!important;font-style:italic!important;
  font-weight:900!important;line-height:.84!important;letter-spacing:.015em!important;
  color:#ffc42f!important;-webkit-text-fill-color:#ffc42f;-webkit-text-stroke:.25px #ffe28a;
  text-shadow:1px 1px 0 #8b500d,3px 4px 0 #221508,0 9px 14px #0008;
  transform:skewX(-7deg) rotate(-.5deg);transform-origin:left center;
  animation:ma27-title-drive .46s .04s ease-out both;
}
html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-main:after {
  content:"";position:absolute;z-index:-1;left:2%;right:20%;bottom:.025em;height:2px;
  background:linear-gradient(90deg,#ffe58d,#ffc42f 58%,transparent);
  clip-path:polygon(0 0,100% 0,96% 100%,3% 100%);
}
html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title:after {
  content:"";position:absolute;right:-.25em;top:38%;width:22px;height:.26em;
  background:repeating-linear-gradient(135deg,#ffc42f 0 2px,transparent 2px 6px);
  clip-path:polygon(8% 0,100% 0,78% 100%,0 100%);transform:rotate(8deg);opacity:.8;
  filter:drop-shadow(0 0 5px #ffc42f80);
  animation:ma27-title-streak .35s .22s ease-out both;
}
@keyframes ma27-title-lead {
  from{opacity:0;transform:translate3d(-10px,4px,0) skewX(-12deg)}
  to{opacity:1;transform:skewX(-8deg) translateX(.08em)}
}
@keyframes ma27-title-drive {
  from{opacity:0;transform:translate3d(-12px,5px,0) skewX(-11deg)}
  to{opacity:1;transform:skewX(-7deg) rotate(-.5deg)}
}
@keyframes ma27-title-streak {
  from{opacity:0;translate:5px 0}
  to{opacity:.8;translate:0 0}
}
/* Enlarge the official Motion logo only on the page whose first view is the hero slider. */
@media(min-width:1100px){
  html body.site-body.motion-site.page-motion .motion-header{height:104px!important}
  html body.site-body.motion-site.page-motion .motion-custom-logo{width:auto!important;height:auto!important;max-height:94px!important;max-width:230px!important;filter:drop-shadow(0 2px 12px rgba(255,193,49,.36))}
}
@media(min-width:781px) and (max-width:1099px){
  html body.site-body.motion-site.page-motion .motion-header{height:86px!important}
  html body.site-body.motion-site.page-motion .motion-custom-logo{width:auto!important;height:auto!important;max-height:76px!important;max-width:190px!important;filter:drop-shadow(0 2px 10px rgba(255,193,49,.3))}
}
@media(max-width:920px){
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title{max-width:88vw!important;margin-block:15px 21px!important}
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-pre{font-size:clamp(32px,4.2vw,42px)!important}
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-main{font-size:clamp(57px,6.6vw,72px)!important}
}
@media(max-width:780px){
  html body.site-body.motion-site.page-motion .motion-header{height:72px!important}
  html body.site-body.motion-site.page-motion .motion-custom-logo{width:auto!important;height:auto!important;max-height:62px!important;max-width:125px!important;filter:drop-shadow(0 1px 8px rgba(255,193,49,.28))}
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title{max-width:90vw!important;margin-block:13px 19px!important}
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-pre{font-size:clamp(30px,5.6vw,39px)!important}
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-main{font-size:clamp(53px,8.1vw,65px)!important}
}
@media(max-width:560px){
  html body.site-body.motion-site.page-motion .motion-header{height:68px!important}
  html body.site-body.motion-site.page-motion .motion-custom-logo{max-height:58px!important;max-width:105px!important}
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title{max-width:88vw!important;margin-block:12px 17px!important}
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-pre{font-size:clamp(28px,7.4vw,33px)!important;letter-spacing:.13em!important}
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-main{font-size:clamp(46px,12.5vw,54px)!important;letter-spacing:.015em!important;-webkit-text-stroke:.2px #ffe28a}
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title:after{right:-.2em;width:17px;height:.22em}
}
@media(prefers-reduced-motion:reduce){
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-pre,
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title-main,
  html body.site-body.motion-site.page-motion .motion-hero-slider .motion-hero-title:after{animation:none!important}
}