html {
  scroll-behavior: smooth;
}

body {
  container-type: inline-size;
  overflow-anchor: none;
  position: relative;
  margin: 0px;
  padding: 0px;
  font-family: larken, serif;
  font-weight: 300;
  font-style: normal;
  font-size: 22px;
  line-height: 40px;
  color: #000000;
  background-color: #ffffff;
  min-height: 100dvh;
  transition-property: background-color;
  transition-duration: 800ms;
  transition-timing-function: ease-out;
}


/** Base links and buttons **/

p a, li a, header a {
  color: rgb(0 0 0 / 1);
  text-decoration: underline solid;
  text-decoration-color: transparent;
  text-decoration-thickness: .06em;
  text-underline-offset: .3em;
  transition: all .4s ease-out;
}


p a:is(:hover,:focus,:active), li a:is(:hover,:focus,:active) {
  color: rgb(0 0 0 / 1);
  text-decoration: underline solid;
  text-decoration-color: rgb(0 0 0);
  text-decoration-thickness: .06em;
  text-underline-offset: .3em;
}

.darkmode { color: rgb(255 255 255); }

a.btn, input[type=submit], button {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin: 12px 0px;
  padding: 1em 2em;
  border: 0px;  
  border-radius: 1.5em;
  box-sizing: border-box;
  text-decoration: none;
  line-height: 1em;
  font-size: 22.5px;
  color: rgb(0 0 0);
  background: rgb(251 221 0);
  cursor: pointer;
  transition: all .5s ease-out;
  box-shadow: 0 1px 1px rgba(0,0,0,0.02), 
              0 2px 2px rgba(0,0,0,0.02), 
              0 4px 4px rgba(0,0,0,0.01),
              0 6px 8px rgba(0,0,0,0.01),
              0 8px 16px rgba(0,0,0,0.01);
}

a:is(:hover,:focus,:active).btn, input[type=submit]:is(:hover,:focus,:active) {
  text-decoration: none;
  background: rgb(255 228 25);
}

a.btn_white, button.btn_white { background-color: rgb(255 255 255 / 0.85); 
  font-weight: 300;
  font-style: normal;
}
a:is(:hover,:focus,:active).btn_white { background-color: rgb(255 255 255 / 1); }
a.btn_ghost { background-color: rgb(255 255 255 / 0.2); }
a:is(:hover,:focus,:active).btn_ghost { background-color: rgba(255 255 255 / 0.4); }

.icon_schedulearrow { font-size: 1.75em; font-weight: 100; transform: rotate(-90deg); }




/** Base text and element styles **/

h1, h2 {
  margin: 24px 0px;
  padding: 0px;
  font-size: clamp(52px, 5.5cqw, 74px);
  margin: 24px 0px 20px 0px;
  font-weight: 800; /** or 700 **/
  line-height: clamp(60px, 1.1em, 80px);
  white-space: pre-line;
}

h1 { margin: 1em 0px 0px 0px; line-height: 1em; }  /** main title **/
h2.size-55, .slidetitles h2 { font-size: clamp(52px, 3.5cqw, 55px); line-height: clamp(60px, 1.1em, 64px); }
h2.size-66 { font-size: clamp(52px, 4.5cqw, 66px); line-height: clamp(60px, 1.1em, 76px); }
.gtext h2 { margin: 0px; }
.col-all-span h2 { text-align: center; margin-bottom: 1em; }

h3 { font-size: 27px; line-height: 40px; margin: 8px 0px 0px 0px; padding: 0px; font-weight: 500; } 

h4 { font-size: clamp(33px, 3cqw, 50px); line-height: clamp(44px, 1.3em, 64px); font-weight: 100; margin: 0px; padding: 0px; }  /** intro subheads **/
#intro h4 { margin: 24px 0px; }
#g1368-secondary h4 { margin: .33em 0px 0px 0px; }

h5 { font-size: 1em; line-height: 52px; margin: 0px;}

h6 { font-size: clamp(33px, 12.9cqw, 220px); line-height: 1em; margin: 0px; padding: 0px; font-weight: 700; } /** Results header **/
#results h6 { font-weight: 800; }

p { margin: 0px 0px 24px 0px; padding: 0px; font-size: 19.5px; line-height: 1.8em; }

b { font-weight: 500; }
ul { list-style-type: none; line-height: 52px; margin: 0px; padding: 0px; font-weight: 300; }

.img-39-18 {
  width: 100%;
  height: auto;
  aspect-ratio: 39 / 18;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.img-2-1 {
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.img-2-3 {
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 3;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.img-3-4 {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.img-3-5 {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 5;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.img-3-8 {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 8;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.img-4-5 {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.img-5-4 {
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
  border-radius: 0px;
  object-fit: cover;
  overflow: hidden;
}

.img-9-16 {
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.img-16-9 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.img-square {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

.g980 .col2-a .img-4-5 { width: min(100%, 458px); }
.g980 .col2-b .img-4-5 { width: min(100%, 458px); }
.g980 .col2-a .img-2-3 { width: min(100%, 458px); }
.g980 .col2-b .img-2-3 { width: min(100%, 458px); }
.g1120 .col2-a .img-4-5 { width: min(100%, 634px); }
.g1120 .col2-b .img-4-5 { width: min(100%, 634px); }
.g1120 .col2-a .img-2-3 { width: min(100%, 634px); }
.g1120 .col2-b .img-2-3 { width: min(100%, 634px); }
.g1120 .col3-a .img-square { width: min(100%, 454px); }
.g1120 .col3-b .img-square { width: min(100%, 454px); }
.g1120 .col3-c .img-square { width: min(100%, 454px); }
.g1440 .col2-a .img-square { width: min(100%, 703px); }
.g1440 .col2-b .img-square { width: min(100%, 703px); }
.g1440 .col3-a .img-square { width: min(100%, 458px); }
.g1440 .col3-b .img-square { width: min(100%, 458px); }
.g1440 .col3-c .img-square { width: min(100%, 458px); }



/** Bignum values **/

@property --num {
  syntax: '<integer>';
  inherits: false;
  initial-value: 0;
}

/** Speeding the transition on Safari which does not work **/

@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  #bignum_a, #bignum_b, #bignum_c {
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}

.bignum-box {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border-bottom: 1px solid rgb(0 0 0 / 0.75);
}

.bignum-box p { line-height: 1.5em; }
.bignum-box p:nth-child(1) { font-size: clamp(74px, 5.5cqw, 100px); line-height: 1em; font-weight: 100; margin: 0px 0px 2px 0px; padding: 0px; }

#bignum_a, #bignum_b, #bignum_c {
  counter-reset: num var(--num);
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
}
#bignum_a::after, #bignum_b::after, #bignum_c::after { content: counter(num); }
#body-home .viewed #bignum_a { --num: 100; transition: --num 2000ms ease-out 600ms; }
#body-home .viewed #bignum_b { --num: 20; transition: --num 1600ms ease-out 1200ms; }
#body-home .viewed #bignum_c { --num: 3; transition: --num 800ms ease-out 2200ms; }
#body-wsj #results.viewed #bignum_a { --num: 3; transition: --num 800ms ease-out 200ms; }
#body-wsj #results.viewed #bignum_b { --num: 40; transition: --num 1600ms ease-out 800ms; }
#body-wsj #results.viewed #bignum_c { --num: 3; transition: --num 800ms ease-out 2400ms; }
#body-ml #results.viewed #bignum_a { --num: 12; transition: --num 1000ms ease-out 200ms; }
#body-ml #results.viewed #bignum_b { --num: 6; transition: --num 500ms ease-out 1000ms; }
#body-ml #results.viewed #bignum_c { --num: 94; transition: --num 1800ms ease-out 1400ms; }
/**
#body-pulse #results.viewed #bignum_a { --num: 84; transition: --num 1800ms ease-out 200ms; } 
#body-pulse #results.viewed #bignum_b { --num: 4; transition: --num 500ms ease-out 1800ms; }
#body-pulse #results.viewed #bignum_c { --num: 6; transition: --num 500ms ease-out 2100ms; }
**/
#body-pulse #results.viewed #bignum_a { --num: 3; transition: --num 500ms ease-out 200ms; }
#body-pulse #results.viewed #bignum_b { --num: 4; transition: --num 500ms ease-out 500ms; }
#body-pulse #results.viewed #bignum_c { --num: 6; transition: --num 500ms ease-out 800ms; }
#body-springtide #results.viewed #bignum_a { --num: 2; transition: --num 500ms ease-out 200ms; }
#body-springtide #results.viewed #bignum_b { --num: 3; transition: --num 500ms ease-out 600ms; }
#body-springtide #results.viewed #bignum_c { --num: 18; transition: --num 1800ms ease-out 1000ms; }
#body-yahoo #results.viewed #bignum_a { --num: 52; transition: --num 1800ms ease-out 200ms; }
#body-yahoo #results.viewed #bignum_b { --num: 37; transition: --num 1400ms ease-out 1800ms; }
#body-yahoo #results.viewed #bignum_c { --num: 8; transition: --num 500ms ease-out 3100ms; }





/** Base layout **/

@keyframes fadeframes {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 1px;
  width: 90cqw;
  padding: 20px 5cqw 0px 5cqw;
  gap: 0px;
  transition: transform 300ms ease-in-out;
}
.scroll-down header { transform: translate3d(0, -124px, 0); }
#home-hero, #body-work #springtide-hero-bg, div.hero-video { margin-top: -124px; }
#sheet1 { scroll-margin-top: 124px; }


h5#logo { 
  float: left;
  display: block;
  border: 0px;
  padding: 0px;
  flex-grow: 2;
}

#logo a {
  background: rgb(220 220 220 / 0.4) url(/images/ben_logo.webp);
  background-size: cover;
  width: 104px;
  height: 104px;
  text-indent: -999em;
  display: block;
  font-size: 1px;
  line-height: 1px;
  border-radius: 50%;
  backdrop-filter: blur(13px);
  opacity: 0;
  animation: 1s ease-out 300ms forwards fadeframes;
}
#logo a:is(:hover,:focus,:active) { background-color: rgb(240 240 240 / 0.45); }

#headerlinks { 
  display: flex; 
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 0.5px;
  width: auto;
  box-sizing: border-box;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 19.5px;
  line-height: 1em;
  background: transparent;
}

#headerlinks a { 
  display: block;
  text-decoration: none; 
  color: rgb(0 0 0 / 0.87);
  padding: 1em .9em 1em 1.3em;
  border-radius: 1.5em 0px 0px 1.5em; 
  background: rgb(220 220 220 / 0.4);
  backdrop-filter: blur(13px);
  opacity: 0;
  animation: 1s ease-out 300ms forwards fadeframes;
}
#headerlinks a:last-child {  padding: 1em 1.3em 1em .9em; border-radius: 0px 1.5em 1.5em 0px; }

#headerlinks a:is(:hover,:focus,:active) { background: rgb(240 240 240 / 0.45); }

.hero-video {
  width: 100cqw;
  height: 100cqh;
  margin: 0px;
  padding: 0px;
  background: rgb(0 0 0);
  clip-path: inset(10px 2.5cqw 10px 2.5cqw round 32px);
}

section.hero-video {
  background-repeat: no-repeat;
  aspect-ratio: 1;
  background-position: center;
  background-size: cover;
} 

#ml-hero-bg { background-image: url("/images/ml_introvideo_1920x1080_2.webp"); }
#pulse-hero-bg { background-image: url("/images/pulse_introvideo_1920x1080.webp"); }
#springtide-hero-bg { background-image: url("/images/springtide_introvideo_1920x1080.webp"); }
#wsj-hero-bg { background-image: url("/images/wsj_introvideo_1920x1080.webp"); }
#yahoo-hero-bg { background-image: url("/images/yahoo_homeintro_1368x1368.webp"); }

video#yahoo-hero-vid-mob { display: block; }
video#yahoo-hero-vid-desk { display: none; }
  

.hero-video video {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0px;
  padding: 0px;
  width: 100cqw;
  height: 100cqh;
  aspect-ratio: 1;
  object-fit: cover;
  overflow: clip;
  opacity: 0.6;
  animation: 8s ease-out 0s forwards partialfader;
}
@keyframes partialfader {
  0% { opacity: 0.6; } 
  25% { opacity: 1.0; } 
  75% { opacity: 0.8; }
  100% { opacity: 0.6; } 
}
#body-yahoo .hero-video video { animation: 4s ease-out 0s forwards yahoofader; }
@keyframes yahoofader {
  0% { opacity: 0.5; } 
  25% { opacity: 1.0; } 
  75% { opacity: 0.8; }
  100% { opacity: 0.5; } 
}


/** BEN Windows video hack - Cannot set z-index on hero-overlay so we ensure parent has stacking context set and put video below it **/
div.hero-video { z-index: 0; isolation: isolate; }
div.hero-video video { z-index: -1; }



.hero-overlay {
  display: block;
  margin: 0px;
  padding: 0px;
  width: 100cqw;
  height: 100cqh;
}
section.hero-video .hero-overlay { clip-path: inset(10px 2.5cqw 10px 2.5cqw round 32px); }

.hero-overlay > div, .hero-overlay > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 0px;
  padding: 0px;
  width: 100cqw;
  height: 100cqh;
  text-decoration: none;
}
.hero-overlay > a { justify-content: center; border-radius: 32px; }

section.hero-video .hero-overlay a { background-color: rgb(0 0 0 / 0.8); transition: background-color 1s ease-out; }
section.hero-video.in-view .hero-overlay a { background-color: rgb(0 0 0 / 0.5); }
section.hero-video .hero-overlay a:is(:hover,:focus,:active) { background-color: rgb(0 0 0 / 0.4); }

.hero-overlay-logo {
  width: 260px;
  height: 86px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  box-sizing: border-box;
  z-index: 2;
  line-height: 0px;
  opacity: 0; 
  animation: 2000ms ease-out 3000ms forwards fadeframes;
}
#body-yahoo .hero-overlay-logo { animation: 2000ms ease-out 5000ms forwards fadeframes; }
#body-work .hero-overlay-logo { opacity: 1; animation: unset; }
.hero-overlay > a .hero-overlay-logo { margin: 68.5px 0px 30px 0px; }

a.hero-overlay-skip {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0px;
  margin: -60px 0px 60px 0px;
  padding: 0px;
  border: 0px;
  box-sizing: border-box;
  z-index: 2;
  opacity: 0; 
  line-height: 0px;
  background: rgb(220 220 220 / 0.01);
  backdrop-filter: blur(13px);
  border-radius: 30px;
  transform: translateZ(0);
  animation: 1000ms ease-out 4500ms forwards fadeframes;
}
#body-yahoo a.hero-overlay-skip { animation: 1000ms ease-out 6500ms forwards fadeframes; }
a.hero-overlay-skip svg { 
  background: transparent;
  opacity: 0.4;
  transition: opacity .5s ease-out; 
}
a:is(:hover,:focus,:active).hero-overlay-skip svg { opacity: 0.5; }

.hero-overlay-button { 
  display: inline-block;
  z-index: 3;
  margin: 0px;
  padding: 0px;
  text-decoration: none; 
  color: rgb(0 0 0 / 0.87);
  padding: 1em 1.3em;
  border-radius: 1.5em; 
  background: rgb(220 220 220 / 0.45);
  backdrop-filter: blur(13px);
  font-size: 19.5px;
  line-height: 1em;
  transition: background 1s ease-out; 
}
.hero-overlay > a:is(:hover,:focus,:active) .hero-overlay-button { background: rgb(220 220 220 / 0.6); }

footer { display: none; }


section {
  margin: 0px;
  padding: 40px 5cqw;
}
section.extrasection { padding: 0px; visibility: hidden; }




section > div, #g1368-primary {
  display: grid;
  grid-template-columns: none;
  grid-auto-rows: auto;
  margin: 0px;
  padding: 0px; 
  align-content: center;
  align-items: center;
}

.g1440, .g1120, .g980, #g1368-secondary {
  grid-template-rows: auto;
  row-gap: 32px;
}


#intro { padding-top: 0px !important; }
#intro .g1440 { min-height: 0px; row-gap: 0px; }

#results { background-color: rgb(249 249 249); opacity: 0; transition: opacity 1400ms ease; }
#results.viewed { opacity: 1; }
#results .g1440 { row-gap: 16px; }
#results-summary { margin: 0px; padding: 0px; }
#results .g1440 div:nth-child(1) { padding-top: 32px; }

#footer-contact { text-align: center; }
#footer-contact h6 { font-weight: 700; }
#footer-contact .btn { 
  margin-top: 2em; 
  font-size: 25.5px;
}


.video1440 { padding: 0px; }
.video1440 .img-39-18 { border-radius: unset; clip-path: inset(0 0 0 0); }
.video1440 .img-2-1 { border-radius: unset; clip-path: inset(0 0 0 0); }



.tasklist { display: none; }




.full-width-slider {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  row-gap: 0px;
  column-gap: 32px;
  width: 100cqw;
  margin: 0px;
  box-sizing: border-box;
  overflow-x: auto;
  padding-inline: 32px;
  scroll-padding-inline-start: 32px; 
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;  
  scrollbar-width: none; /** try thin **/
  background: radial-gradient(circle closest-corner at 100% 40%, rgb(0 0 0 / 0.15), transparent), radial-gradient(circle closest-corner at 0% 40%, rgb(0 0 0 / 0.15), transparent);
}
.full-width-slider div {
  scroll-snap-align: center;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}
.full-width-slider::-webkit-scrollbar { display: none; }

#body-ml #sheet13 { scroll-margin-top: 128px; }
#ml-onboardingslider { margin: 64px 0px 0px 0px; padding: 0px; }
#ml-onboardingtitle { padding-top: 0px; }
#ml-onboardingslider .full-width-slider { height: calc(432px + 32px); }
#ml-onboardingslider .full-width-slider div { flex: 0 0 320px; }
#ml-onboardingslider .full-width-slider div .img-4-5 { width: 320px; }

#wsj-productslider { margin: 0px 0px 64px 0px; padding: 0px; }
#body-wsj #sheet12 { scroll-margin-top: 128px; }
#wsj-productslider .full-width-slider div img { border-radius: 0px; }
#wsj-productslider .full-width-slider { height: calc(234px + 32px); }
#wsj-productslider .full-width-slider div:nth-child(1) { flex: 0 0 432px; }
#wsj-productslider .full-width-slider div:nth-child(2) { flex: 0 0 194px; }
#wsj-productslider .full-width-slider div:nth-child(3) { flex: 0 0 91px; }
#wsj-productslider .full-width-slider div:nth-child(1) img { width: 432px; }
#wsj-productslider .full-width-slider div:nth-child(2) img { width: 194px; }
#wsj-productslider .full-width-slider div:nth-child(3) img { width: 91px; }


/** Base slideshow layout **/


#slideselect-1 {
  color: rgb(255 255 255);
}

.slidetitles { display: none; }
.slideselect:not(#slideselect-1) { display: none;}
.slidecaptions h3 { margin-top: -24px; }





/** Mobile layout:  Homepage  **/


#home-hero { padding: 110px 5cqw 0px 5cqw; } 
#g1368-primary { grid-gap: 0px; }
#home-hero .col2-b { line-height: 8px; z-index: 1; }
#home-hero .col2-b:nth-child(odd) { transform: rotate(-5deg); }
#home-hero .col2-b:nth-child(odd) a { line-height: 94cqw; } /** BEN **/
#home-hero .col2-b:nth-child(even) { transform: rotate(7deg); }
#home-hero .col2-b:last-child { transform: rotate(0deg); z-index: 0; }

#home-hero .col2-a div, #home-hero .col2-b section {
  width: 100%;
  height: auto;
  aspect-ratio: 32 / 27;
  overflow: hidden;
  border: 0px;
  margin: 0px;
  padding: 0px;
  container-type: inline-size;
}
#home-hero .col2-b section { 
  aspect-ratio: 1;
  background-position: center;
  background-size: cover;
  border-radius: 48px;
}

#body-home #sheet1 section { background-image: url("/images/pulse_homeintro_1368x1368.webp"); }
#body-home #sheet2 section { background-image: url("/images/yahoo_homeintro_1368x1368.webp"); }
#body-home #sheet3 section { background-image: url("/images/springtide_introvideo_1920x1080.webp"); }
#body-home #sheet4 section { background-image: url("/images/ml_introvideo_1920x1080_2.webp"); }
#body-home #sheet5 section { background-image: url("/images/wsj_introvideo_1920x1080.webp"); }

.home-hero-square {
  transform: scale(91%) rotate(0deg);
  transition: transform 1200ms ease;
}
.home-hero-square.in-view { 
  transform: scale(102%) rotate(0deg);
}

#home-hero p, .home-hero-square a {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  z-index: 12;
  border-radius: 48px;
  width: 100cqw;
  height: 100cqw;
  font-size: 36.7cqi;
  font-weight: 400;
/**
  font-size: 35.6cqi;
  font-weight: 500;
  font-size: 33.5cqi;
  font-weight: 800;
  font-family: fagun, sans-serif;
  font-size: 31.3cqi;
  font-weight: 800;
**/
  line-height: 100cqw;
  white-space: nowrap;
}
#home-hero .col2-a div p { position: unset; text-align: center; }
#home-benbox p { background: rgb(255 221 0); text-align: center; }

.home-hero-square svg {
  position: absolute;
  display: none;
  top: 16px;
  right: 16px;
  z-index: 14;
  width: 50%;
  height: auto;
  aspect-ratio: 32 / 9;
  margin: 0px;
  padding: 0px;
}

.home-hero-square a { 
  background-color: rgb(0 0 0 / 0.6); 
  transition-property: background-color;
  transition-duration: 400ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0ms;
  text-align: center;
  color: rgb(255 255 255);
  text-decoration: none;
}

.home-hero-square.in-view a { background-color: rgb(0 0 0 / 0.35); }
.home-hero-square:hover a { background-color: rgb(0 0 0 / 0.2); }

.home-hero-square video { display: none; }

#g1368-secondary { opacity: 0; text-align: center; margin-top: calc(-32cqw + 28px); }
.viewed #g1368-secondary { animation: 1s ease-out 300ms forwards fadeframes; }




#body-home #sheet7 { padding-top: 0px; padding-bottom: 80px; margin-bottom: 0px; }

#home-marketleaders { padding-bottom: 0px; }
#body-home .g1120 {  grid-gap: 0px; text-align: center; }
#body-home .g1120 hr {
  height: 0px;
  border: 0px;
  border-bottom: 1px solid rgb(123 123 123 / 0.5);
  width: 13%;
  margin: -8px auto 0px auto;
}
#body-home .g1120 svg { width: 48%; height: auto; color: rgb(0 0 0 / 0.33); aspect-ratio: 43 / 15; display: none; }
#body-home .g1120 svg:nth-child(-n+4) { display: inline-block; } 



#home-whattheysay .g1440 { row-gap: 40px; }
#home-whattheysay h6 { font-size: 19.5cqw; line-height: 1em; text-align: left; }
#home-whattheysay .g1440 div:not(.col-all-span) { 
  background: rgb(255 221 0);
  padding: 30px 36px 30px 36px;
  transform: rotate(-5deg);
  border-radius: 32px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#home-whattheysay div:nth-child(3) { transform: rotate(5deg); }
#home-whattheysay p { margin: 0px; flex-grow: 2; }
#home-whattheysay p:last-child { justify-self: end; flex-grow: 0; margin-top: auto; flex-shrink: 0; }
#home-whattheysay .img-square { width: 44px; vertical-align: middle; margin-right: 5.5px; }

#home-whattheysay .g1440 div:not(.col-all-span) { opacity: 0; transform: translate(-200px, 500px) rotate(-50deg); }
#home-whattheysay .g1440 .col3-a { transition: all 1400ms ease 800ms; }
#home-whattheysay.viewed .g1440 .col3-a { opacity: 1; transform: translate(0px, 0px) rotate(-5deg); }
#home-whattheysay .g1440 .col3-b { transition: all 1400ms ease 1400ms; }
#home-whattheysay.viewed .g1440 .col3-b { opacity: 1; transform: translate(0px, 0px) rotate(5deg); }
#home-whattheysay .g1440 .col3-c { transition: all 1400ms ease 2000ms; }
#home-whattheysay.viewed .g1440 .col3-c { opacity: 1; transform: translate(0px, 0px) rotate(-5deg); }

#home-services { padding: 24px 0px 10cqh 0px; }

#home-services .col-all-span {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: space-between;
  gap: 64px;
  flex-wrap: wrap;
  margin: 0px;
  padding: 0px;
}
#home-services .col-all-span div {
  margin: 0px;
  padding: 0px;
  text-align: center;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#home-services .col-all-span div svg { 
  width: 122px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 24px;
  color: #f2f2f2;
  transform: rotate(20deg) translateY(-6px);
  mix-blend-mode: darken;
}
#home-services h3 {
  font-size: 40px;
  line-height: 1em;
  font-weight: 400;
}
#home-services p, #home-services li {
  font-size: 20px;
  line-height: 1.5em;
  margin: 12px 0px;
  font-weight: 300;
}
#home-services ul {
  margin: 18px 0px 0px 0px;
  padding-top: 12px;
  border-top: 1px solid rgb(123 123 123 / 0.5);
  display: none;
}
#home-services p b { font-weight: 400; }

 
#consultation { padding-top: 12cqh; padding-bottom: 10cqh; background: rgb(255 221 0); }
#consultation h6 { font-size: 13.5cqw; font-weight: 800; }
#consultation h4 { margin: clamp(22px, .7em, 48px) 0px; } 
#consultation h3 { font-size: 33px; margin: 1em 0px .3em 0px; } 
#consultation ul li { font-size: 22px; line-height: 1em; padding: .75em 0px 1.25em 0px; border-bottom: 1px solid rgb(0 0 0 / 0.25); }
#consultation ul li:last-child { border-bottom: 0px; }

  
/** Mobile layout:  Contact page **/

#body-contact { background-color: rgb(255 221 0); }



/** Mobile layout:  WSJ **/

#wsj-layoutslideshow { text-align: center; }
#wsj-layoutslideshow .img-39-18 { width: min(100%, 948px); }

#wsj-research .span-overlay-2 { display: none; }
#wsj-research .span-overlay-3  { align-self: end; }
#wsj-research .span-overlay-3 .img-square { 
  width: min(86%, 454px);
  margin: 0px 0px 12px 4.75cqw;
  opacity: 0;
  transform: translate(-200px, 100px) rotate(-50deg); 
  transition: all 1400ms ease 100ms;
} 
#wsj-research.viewed .span-overlay-3 .img-square { 
  opacity: 1;
  transform: translate(0px, 0px) rotate(14deg); 
} 


.wsj-persona-box h3 { font-weight: 300; line-height: 1.3em; margin: 0px 0px 4px 0px; }

#wsj-styleguide .g1120 { row-gap: 0px; }
#wsj-styleguide .span-overlay { display: none; }
#wsj-styleguide .half-span img { max-width: 750px; border-radius: 0px; }

#wsj-mobile { padding-bottom: 32px; }
#wsj-mobile .g1440 { min-height: auto; }








/** Mobile layout:  MoneyLion **/

#ml-designthinking .col2-a { align-self: start; }
#ml-designthinking .col2-a .img-square {
  width: min(100%, 528px);
  transform: rotate(-5deg);
} 



#ml-concepttesting .title-span { text-align: center; }
#ml-concepttesting b { white-space: nowrap; }
.ml-concept-box { 
  width: 100%;
  height: auto; 
  max-width: 458px;
  margin: 0px auto;
  text-align: center;
  box-sizing: border-box;
  padding: 24px 36px 0px 36px; 
  opacity: 0;
  background-color: rgb(24 39 58);
  border-radius: 32px;
  line-height: 0px;
  overflow: hidden;
} 
.ml-concept-box h3 { font-size: 33px; line-height: 1.5em; }
.ml-concept-box p { line-height: 1.5em; margin-bottom: 24px; }
.ml-concept-box img { 
  width: 100%;
  height: auto;
  aspect-ratio: 7 / 6;
  border-radius: 32px 32px 0px 0px;
  object-fit: cover;
  overflow: hidden;
  transform: translate(0px, 300px); 
  opacity: 0;
  box-shadow: -24px -100px 0px rgb(0 0 0 / 0.12), 24px -100px 0px rgb(0 0 0 / 0.12);
}
#ml-concepttesting.viewed img { 
  opacity: 1;
  transform: translate(0px, 0px); 
  box-shadow: -24px 100px 0px rgb(0 0 0 / 0.12), 24px 100px 0px rgb(0 0 0 / 0.12);
}

#ml-concept-a { transition: all 1400ms ease 400ms; } 
#ml-concept-b { background: rgb(38 151 147); transition: all 1400ms ease 1400ms; } 
#ml-concept-c { background: rgb(53 68 82); transition: all 1400ms ease 2400ms; } 
#ml-concept-a img { transition: all 1400ms ease 400ms; }
#ml-concept-b img { transition: all 1400ms ease 1400ms; }
#ml-concept-c img { transition: all 1400ms ease 2400ms; }

#ml-concepttesting.viewed #ml-concept-a { opacity: 1; }
#ml-concepttesting.viewed #ml-concept-b { opacity: 1; }
#ml-concepttesting.viewed #ml-concept-c { opacity: 1; }

#ml-stockdatavideo .g1440 { align-content: start; }

#ml-datadesign > div { align-content: start; }

#ml-tradingup .g1120 .half-span { text-align: center; line-height: 0px; }
#ml-tradingup .g1120 .half-span .img-4-5 { max-width: 634px; margin: 0px auto 32px auto; }


#ml-layoutslideshow { text-align: center; }
#ml-layoutslideshow .img-3-5 { width: min(100%, 360px); }





/** Mobile layout: Pulse Plus **/

#pulse-signup .col2-b { line-height: 0px; }
#pulse-signup .col2-b img { max-width: 528px; margin: 0px auto; }

#pulse-homepage > div { align-content: start; }

.concept-section > div > div { align-self: start; } 
.concept-section > div > div:not(.title-span) div { 
  width: 100%;
  height: auto; 
  box-sizing: border-box;
  padding: 0px; 
  margin: 0px auto 32px auto;
  border-radius: 32px;
  line-height: 0px;
  overflow: hidden;
  text-align: center;
} 
.concept-section .g1120 > div:not(.title-span) div { max-width: 528px; }
.concept-section .g1440 > div:not(.title-span) div { max-width: 458px; }



.concept-section h3 { line-height: 1em; margin-bottom: 6px; }
.concept-section img, .concept-section video { 
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  overflow: hidden;
}

#pulse-dashboard { background: rgb(255 255 255); transition: background 1400ms ease 0ms; }
#pulse-dashboard.viewed { background: rgb(249 249 249); }

#pulse-dashboard .col3-b { transform: scale(92%) translateY(60px); opacity: 0; transition: all 1400ms ease 2800ms; } 
#pulse-dashboard .col3-c { transform: scale(92%) translateY(60px); opacity: 0; transition: all 1400ms ease 1400ms; } 
#pulse-dashboard.viewed > div > div { transform: scale(100%) translateY(0px); opacity: 1; }

#pulse-concept-a { background: rgb(26 166 255); padding: 42px 36px 0px 36px; }
#pulse-concept-c { background: rgb(13 216 160); padding: 42px 36px 0px 36px; }

#pulse-concept-a img, #pulse-concept-c img { 
  border-radius: 12px 12px 0px 0px;
  opacity: 0;
  transform: translate(0px, 300px); 
  box-shadow: -18px -100px 0px rgb(0 0 0 / 0.10), 18px -100px 0px rgb(0 0 0 / 0.10);
  transition: all 1400ms ease 600ms; 
}
#pulse-concept-a img {
  background: rgb(22 151 255 / 1);
  box-shadow: -18px -100px 0px rgb(22 151 255 / 1), 18px -100px 0px rgb(22 151 255 / 1);
}
#pulse-concept-c img { transition: all 1400ms ease 2400ms; }

#pulse-dashboard.viewed #pulse-concept-a img {
  opacity: 1;
  transform: translate(0px, 0px); 
  box-shadow: -18px 100px 0px rgb(22 151 255 / 1), 18px 100px 0px rgb(22 151 255 / 1);
}
#pulse-dashboard.viewed #pulse-concept-c img { 
  opacity: 1;
  transform: translate(0px, 0px); 
  box-shadow: -18px 100px 0px rgb(12 203 151 / 1), 18px 100px 0px rgb(12 203 151 / 1);
}



/** Mobile layout: Springtide **/

#springtide-homepage > div { align-content: start; }

#springtide-homepagevideo .img-39-18 { background: rgb(146 204 217 / 0.17); aspect-ratio: 3 / 2; }
#springtide-homepagevideo .video-page-scroll {
  margin: 0px auto;
  display: block;
  width: 60cqw; 
  height: auto;
  opacity: 0;
  border-radius: 4px;
  transform: translateY(47cqw);  
  animation: 9s ease-in-out 1000ms 1 forwards paused springtide-homescroll-small;
}
#springtide-homepagevideo.in-view .video-page-scroll { animation-play-state: running; }
@keyframes springtide-homescroll-small {
  0% { width: 60cqw; opacity: 0; transform: translateY(47cqw); }
  20% { width: 80cqw; opacity: 1; transform: translateY(10cqw); }
  32% { width: 80cqw; opacity: 1; transform: translateY(10cqw); }
  77% { width: 80cqw; opacity: 1; transform: translateY(-450cqw); }
  78% { width: 80cqw; opacity: 0; transform: translateY(-450cqw); }
  79% { width: 80cqw; opacity: 0; transform: translateY(70cqw); }
  80% { width: 80cqw; opacity: 0; transform: translateY(70cqw); }
  100% { width: 80cqw; opacity: 1; transform: translateY(10cqw); }
}




/** Mobile layout: Yahoo **/

#yahoo-ytextdesktop { padding-bottom: 40px; }

#yahoo-commentvideo > div { align-content: start; }

#yahoo-commentvideoheader, #yahoo-commentvideo { display: none; }


#yahoo-marketingvideo > div { align-content: start; }
#yahoo-marketingvideo .img-39-18 { background: rgb(249 249 249 / 1); }

#yahoo-marketingvideo .video-page-scroll {
  display: block;
  position: absolute;
  margin: 0px auto;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 4px;
  transform: translateY(47cqw);  
  width: 40cqw;
  height: auto;
}
#yahoo-marketingvideo.in-view .video-page-scroll { animation-play-state: running; }
#yahoo-marketingvideo .video-page-scroll-a {
  animation: 14s ease-in-out 0s 1 forwards paused yahoo-homescroll-small-a;
  z-index: 1;
}
@keyframes yahoo-homescroll-small-a {
  0% { width: 40cqw; opacity: 0; transform: translateY(47cqw); }
  15% { width: 40cqw; opacity: 1; transform: translateY(5cqw); }
  51% { width: 40cqw; opacity: 1; transform: translateY(5cqw); }
  73% { width: 40cqw; opacity: 1; transform: translateY(-300cqw); }
  74% { width: 40cqw; opacity: 0; transform: translateY(-300cqw); }
  75% { width: 40cqw; opacity: 0; transform: translateY(47cqw); }
  90% { width: 40cqw; opacity: 1; transform: translateY(47cqw); }
  100% { width: 40cqw; opacity: 1; transform: translateY(5cqw); }
}
#yahoo-marketingvideo .video-page-scroll-b {
  animation: 14s ease-in-out 2200ms 1 forwards paused yahoo-homescroll-small-b;
  z-index: 2;
}
@keyframes yahoo-homescroll-small-b {
  0% { width: 60cqw; opacity: 1; transform: translateY(47cqw); }
  15% { width: 60cqw; opacity: 1; transform: translateY(10cqw); }
  51% { width: 60cqw; opacity: 1; transform: translateY(10cqw); }
  73% { width: 60cqw; opacity: 1; transform: translateY(-300cqw); }
  74% { width: 60cqw; opacity: 0; transform: translateY(-300cqw); }
  75% { width: 60cqw; opacity: 0; transform: translateY(47cqw); }
  90% { width: 60cqw; opacity: 1; transform: translateY(47cqw); }
  100% { width: 60cqw; opacity: 1; transform: translateY(10cqw); }
}
#yahoo-marketingvideo .video-page-scroll-c {
  animation: 14s ease-in-out 4400ms 1 forwards paused yahoo-homescroll-small-c;
  z-index: 3;
}
@keyframes yahoo-homescroll-small-c {
  0% { width: 80cqw; opacity: 1; transform: translateY(47cqw); }
  15% { width: 80cqw; opacity: 1; transform: translateY(15cqw); }
  51% { width: 80cqw; opacity: 1; transform: translateY(15cqw); }
  73% { width: 80cqw; opacity: 1; transform: translateY(-300cqw); }
  74% { width: 80cqw; opacity: 0; transform: translateY(-300cqw); }
  75% { width: 80cqw; opacity: 0; transform: translateY(47cqw); }
  90% { width: 80cqw; opacity: 1; transform: translateY(47cqw); }
  100% { width: 80cqw; opacity: 1; transform: translateY(15cqw); }
}

















#body-yahoo .g980 .col2-a { line-height: 0px; } 
#body-yahoo .g980 img { margin: 32px auto 0px auto; max-width: 458px; }

#yahoo-camera-slider, #yahoo-storyboarding-slider { margin: 0px 0px 64px 0px; padding: 0px; }
#yahoo-camera-slider .img-9-16 { border-radius: 24px; }
#body-yahoo #sheet8 { scroll-margin-top: 128px; }
#body-yahoo .full-width-slider { height: 512px; }
#body-yahoo .full-width-slider div { flex: 0 0 270px; }
#body-yahoo .full-width-slider div .img-9-16 { width: 270px; }

#yahoo-artdirections .g1120 { row-gap: 0px; }
#yahoo-artdirections .span-overlay { display: none; }
#yahoo-artdirections .half-span img { max-width: 840px; }


/** Icons **/

.icon_calinvite::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 32 31'%3E%3Cpath fill='currentColor' fill-rule='nonzero' stroke='rgb(255,221,0)' stroke-width='0.5' paint-order='fill' d='M25.7 4h-2.8V2.6c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4V4h-8.3V2.6h.1c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4V4H6.3C4 4 2.1 5.9 2.1 8.2v18.4c0 2.3 1.9 4.2 4.2 4.2H26c2.2-.2 3.9-2 3.9-4.2V7.9c-.2-2.2-2-3.9-4.2-3.9Zm-2.2 13-8 8c-.3.3-.6.4-1 .4s-.7-.1-1-.4l-4-4c-.5-.5-.5-1.4 0-2s1.4-.5 2 0l3 3 7-7c.5-.5 1.4-.5 2 0s.5 1.4 0 2Zm3.6-5.6H4.8V8.1c.1-.7.7-1.3 1.4-1.3H9v1.4c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4V6.8h8.3v1.4c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4V6.8h2.9c.7.1 1.3.7 1.3 1.4v3.2Z'/%3E%3C/svg%3E");
  position: relative;
  top: 0px;
  margin: -2.25px 13.5px -2.75px 0px;
}
#footer-contact .icon_calinvite::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 32 31'%3E%3Cpath fill='currentColor' fill-rule='nonzero' stroke='rgb(255,221,0)' stroke-width='0.5' paint-order='fill' d='M25.7 4h-2.8V2.6c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4V4h-8.3V2.6h.1c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4V4H6.3C4 4 2.1 5.9 2.1 8.2v18.4c0 2.3 1.9 4.2 4.2 4.2H26c2.2-.2 3.9-2 3.9-4.2V7.9c-.2-2.2-2-3.9-4.2-3.9Zm-2.2 13-8 8c-.3.3-.6.4-1 .4s-.7-.1-1-.4l-4-4c-.5-.5-.5-1.4 0-2s1.4-.5 2 0l3 3 7-7c.5-.5 1.4-.5 2 0s.5 1.4 0 2Zm3.6-5.6H4.8V8.1c.1-.7.7-1.3 1.4-1.3H9v1.4c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4V6.8h8.3v1.4c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4V6.8h2.9c.7.1 1.3.7 1.3 1.4v3.2Z'/%3E%3C/svg%3E");
  position: relative;
  top: 0px;
  margin: -1.5px 14.75px -3.5px 1.5px;
}
.icon_email::before { 
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 2 32 22'%3E%3Cpath fill='currentcolor' fill-rule='evenodd' stroke='currentColor' stroke-width='1' stroke-linejoin='round' stroke-linecap='round' d='M1.4 8.2C1.1 8.7 1 9.3 1 10v12c0 .6.2 1.2.4 1.8L9.3 16 1.4 8.2ZM22.7 16l7.9 7.8c.3-.5.4-1.1.4-1.8V10c0-.6-.2-1.2-.4-1.8L22.7 16ZM11.3 17.9l-7.9 7.8c.5.2 1 .3 1.6.3h22c.6 0 1.1-.1 1.6-.3l-7.9-7.8c-2.7 2.3-6.7 2.3-9.5 0ZM19.6 15.2l9-8.8c-.5-.2-1-.3-1.6-.3H5c-.6 0-1.1.1-1.6.3l9 8.8c2 2 5.3 2 7.3 0Z'/%3E%3C/svg%3E");
  position: relative;
  top: 0px;
  margin: -5px 14px -5px 2px;
}

.icon_phone::before { 
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='2 0 21 22'%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='m7.817 3.001-2.865.013c-.267.002-.854.584-1.034.782-.176.193-.933.98-.917 1.241.284 2.79.892 5.943 2.415 8.298a17.392 17.392 0 0 0 5.41 5.395c2.345 1.51 5.345 1.98 8.12 2.268.266.023 1.197-.599 1.393-.78.198-.182.645-.908.645-1.177l.014-2.883a.922.922 0 0 0-.788-.94 13.18 13.18 0 0 1-2.896-.707.96.96 0 0 0-.994.216l-1.219 1.215a.97.97 0 0 1-1.162.158 16.025 16.025 0 0 1-6.07-6.056.965.965 0 0 1 .16-1.16l1.214-1.212a.96.96 0 0 0 .256-.47.935.935 0 0 0-.037-.528 13.02 13.02 0 0 1-.707-2.878.918.918 0 0 0-.938-.795Z'/%3E%3C/svg%3E");
  display: inline;
  position: relative;
  top: 8px;
  margin: 0px 16px 0px 0px;
}

.icon_emailaddress::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 2 32 31'%3E%3Cpath fill='currentcolor' fill-rule='evenodd' stroke='currentColor' stroke-width='1' stroke-linejoin='round' stroke-linecap='round' d='M1.4 8.2C1.1 8.7 1 9.3 1 10v12c0 .6.2 1.2.4 1.8L9.3 16 1.4 8.2ZM22.7 16l7.9 7.8c.3-.5.4-1.1.4-1.8V10c0-.6-.2-1.2-.4-1.8L22.7 16ZM11.3 17.9l-7.9 7.8c.5.2 1 .3 1.6.3h22c.6 0 1.1-.1 1.6-.3l-7.9-7.8c-2.7 2.3-6.7 2.3-9.5 0ZM19.6 15.2l9-8.8c-.5-.2-1-.3-1.6-.3H5c-.6 0-1.1.1-1.6.3l9 8.8c2 2 5.3 2 7.3 0Z'/%3E%3C/svg%3E");
  display: inline;
  position: relative;
  top: 8px;
  margin: 0px 16px 0px 0px;
}

.icon_location::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 23 23'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12 1c4.978 0 8.5 3.526 8.5 8.5C20.5 16.111 12 23 12 23l-.457-.389C9.777 21.068 3.5 15.181 3.5 9.5 3.5 4.526 7.022 1 12 1Zm0 5.5a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
  display: inline;
  position: relative;
  top: 8px;
  margin: 0px 16px 0px 0px;
}


.icon_linkedin::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' th='32' height='32' viewBox='0 0 40 40'%3E%3Cpath d='M.53 10.61h6.63v21.34H.53V10.61ZM3.84 0a3.841 3.841 0 1 1-.002 7.682A3.841 3.841 0 0 1 3.84 0ZM32 31.94h-6.63V21.57c0-2.47-.04-5.66-3.45-5.66s-3.98 2.7-3.98 5.48v10.55h-6.63V10.61h6.36v2.92h.09c.89-1.68 3.05-3.45 6.27-3.45 6.72 0 7.96 4.42 7.96 10.16v11.7Z' style='fill:currentColor'/%3E%3C/svg%3E");
  display: inline;
  position: relative;
  top: 8px;
  margin: 0px 13px 0px 3px;
}





@media screen and (min-width: 680px) {
  
  /** Tablet text and element styles **/
  
  body { text-align: center; }

  a.btn, input[type="submit"], button { width: auto; }
 
  p { font-size: 22px; line-height: 40px; margin-bottom: 16px; }
  h3 { font-size: 40px; line-height: 1.5em; }


  /** Tablet layout **/

  .scroll-down header { transform: translate3d(0, -144px, 0); }
  #home-hero, #body-work #springtide-hero-bg, div.hero-video { margin-top: -144px; }
  #sheet1 { scroll-margin-top: 144px; }

  section, #home-hero { padding: 10cqh 10cqw 6cqh 10cqw; }
  #results-summary { margin: 0px; padding: 0px; }
  
  header {
    width: calc(100cqw - 86px);
    padding: 40px 46px 0px 40px;
  }

  .hero-video {
    clip-path: inset(10px 10px 10px 10px round 32px);
  }
  section.hero-video .hero-overlay { 
    clip-path: inset(10px 10px 10px 10px round 32px);
  }

  .hero-overlay-logo {
    width: 390px;
    height: 129px;
  }




  /** Tablet layout: Homepage **/

  .home-hero-square video { display: block; }
  #home-hero .col2-b section { border-radius: 64px; }
  #home-hero p, .home-hero-square a { border-radius: 64px; }
  #body-home .g1120 hr { width: 10%; margin: -4px auto 0px auto; }
  #body-home .g1120 .g1120 { grid-gap: 16px; }
  #body-home .g1120 svg:nth-child(-n+6) { display: inline-block; width: 32%; } 
  #home-whattheysay h3 { font-size: 37.5px; }
  #home-whattheysay h6 { font-size: 17.5cqw; margin-bottom: 16px; } 
  #body-home #home-letsworktogether .g1120 { min-height: unset; }
  #home-letsworktogether { padding-bottom: 0px; }
  #home-services { padding: 8cqh 0px 10cqh 0px; }
  #home-services .col-all-span { flex-direction: row; }
  #home-services .col-all-span div { flex: 1; min-width: 380px; }
  #consultation h6 { font-size: 10cqw; }
  #consultation .btn_ghost { margin: 12px 0px 12px 16px; }


  /** Tablet layout:  MoneyLion **/


  .ml-concept-box { padding: 32px 48px 0px 48px; }
  .ml-concept-box h3 { font-size: 40px; line-height: 1.1em; margin: 16px 0px 8px 0px; }


  /** Tablet layout:  WSJ **/

  #wsj-productslider { padding: 0px 0px 80px 0px; }

  /** Tablet layout:  Yahoo **/
  #body-yahoo #yahoo-shareability .col2-a { text-align: center; }

  #yahoo-commentvideoheader, #yahoo-commentvideo { display: block; }

}







@media screen and (min-width: 1280px) {



  /** Desktop text and element styles **/

  body { text-align: left; }
  h3 { font-size: 33px; line-height: 1em; }


  /** Desktop layout **/


  .hidemobile { display: block; }
  .hidedesk { display: none; }

  header {
    width: calc(100cqw - 104px);
    padding: 40px 64px 0px 40px;
  }


  .hero-video { clip-path: inset(20px 20px 20px 20px round 32px); }
  section.hero-video .hero-overlay { clip-path: inset(20px 20px 20px 20px round 32px); }

  footer {
    display: block;
    position: sticky; 
    bottom: 7.5cqh;
    width: 100cqw;
    text-align: center;
    z-index: 98;
    opacity: 0;
    visibility: hidden;
    transition: all 800ms ease-in-out;
  }
  footer.showfooter { opacity: 1; visibility: visible; }
  footer a.btn { margin: 0px; }

  section, #home-hero { padding: 10cqh 0px 8cqh 0px; }
  .home-hero-square a { 
    text-align: left;
    padding-left: 5.5cqi;
  }

  #results-summary { margin: 0px; padding: 0px; }
  #results .g1440 div:nth-child(4) { margin-top: unset; }

  .g1440 {
    grid-template-columns: [full-start] 1fr [col-all-start] min(21.2cqw, 360px) [title-start] min(calc(7.1cqw - 21px), 98px) [col3-a-end] 32px [col3-b-start] min(calc(14.15cqw - 26.5px), 213px) [col2-a-end] 32px [col2-b-start] min(calc(14.15cqw - 26.5px), 213px) [col3-b-end] 32px [col3-c-start] min(calc(7.1cqw - 21px), 98px) [title-end] min(21.2cqw, 360px) [col-all-end] 1fr [full-end];
    min-height: 84cqh;
    align-items: center;
  }

  .g1120, .g980 {
    grid-template-columns: [full-start] 1fr [col-all-start] min(12.1cqw, 200px) [title-start] min(calc(10.15cqw - 21px), 152px) [col3-a-end] 32px [col3-b-start] min(calc(11.1cqw - 42.5px), 144px) [col2-a-end] 64px [col2-b-start] min(calc(11.1cqw - 42.5px), 144px) [col3-b-end] 32px [col3-c-start] min(calc(10.15cqw - 21px), 152px) [title-end] min(12.1cqw, 200px) [col-all-end] 1fr [full-end];
    min-height: 84cqh;
    align-items: center;
  }

  .gtext > div { min-height: 50cqh; }

  .col2-a { grid-column-start: col-all-start; grid-column-end: col2-a-end; }
  .col2-b { grid-column-start: col2-b-start; grid-column-end: col-all-end; }

  .g1440 .col2-a, .g1440 .col2-b { align-self: start; }
  .gtext .col2-a, .gtext .col2-b { align-self: start; }

  .col3-a { grid-column-start: col-all-start; grid-column-end: col3-a-end; align-self: start; }
  .col3-b { grid-column-start: col3-b-start; grid-column-end: col3-b-end; align-self: start; }
  .col3-c { grid-column-start: col3-c-start; grid-column-end: col-all-end; align-self: start; }

  .title-span { grid-column-start: title-start; grid-column-end: title-end; text-align: center; }
  .full-span { grid-column-start: full-start; grid-column-end: full-end; }
  .half-span { grid-column-start: full-start; grid-column-end: col2-a-end; }
  .col-all-span { grid-column-start: col-all-start; grid-column-end: col-all-end; }
  .col3-a-b-span { grid-column-start: col-all-start; grid-column-end: col3-b-end; }
  .col3-b-c-span { grid-column-start: col3-b-start; grid-column-end: col-all-end; }
  .rowspan2 { grid-row: 1 / 3; }

  .span-overlay-1 { grid-row-start: 1; grid-row-end: 2; z-index: 1; }
  .span-overlay-2 { grid-row-start: 1; grid-row-end: 2; z-index: 2; }
  .span-overlay-3 { grid-row-start: 1; grid-row-end: 2; z-index: 3; }


  .tasklist { display: block; width: min(50%, 333px); float: right; }
  .tasklist h5 { margin-top: 22px; }
  .bignum-box { padding: 24px 0px 12px 0px; }



  /** Desktop slideshow layout **/


  .slideselect { opacity: 0; }
  .slideselect:not(#slideselect-1) { display: block; margin: 0px; padding: 0px; height: 101cqh; }
  #slideshowstart { margin-top: 5cqw !important; padding: 1px 0px 0px 0px; }
  #slideshowend { margin-top: 10cqw !important; padding: 1px 0px 0px 0px; }

  #slideselect-1 {
    transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    transition-delay: 0ms;
    z-index: 1;
  }
  #wsj-layoutslideshow .col-all-span h2 { margin: 0px 0px 32px 0px; }
  #wsj-layoutslideshow { text-align: left; }

  .stickyslide {
    position: sticky;
    top: 0;
    opacity: 1;
  }

  .slidetitles { display: block; grid-row: 2 / 3; grid-column-start: col-all-start; grid-column-end: col3-a-end; align-self: start; }  

  .slidecaptions { 
    opacity: 0;   
    transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    transition-delay: 0ms;
    grid-row: 3 / 4; 
    grid-column-start: col-all-start; 
    grid-column-end: col3-a-end; 
    padding-right: 16px;
    align-self: start; 
  }
  .slidecaptions.active { opacity: 1; }

  .slidecaptions h3 { display: none; }

  .slidetitles a, .slidetitles a:hover, .slidetitles a:focus, .slidetitles a:active { text-decoration: none; }
  .slidetitles a:hover h2 { opacity: 1; }
  .slidetitles h2 { 
    color: rgb(255 255 255);
    opacity: .3; 
    margin: 0px 0px 8px 0px;
    transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    transition-delay: 0ms;
    font-weight: 400;
  }
  .slidetitles h2.active { opacity: .8; }

  .slideimages { grid-row: 2 / 4; grid-column-start: col3-b-start; grid-column-end: col-all-end; align-self: start; line-height: 0px; }

  .slide1 { z-index: 14; }
  .slide2 { z-index: 13; }
  .slide3 { z-index: 12; }
  .slide4 { z-index: 11; }
  .slide5 { z-index: 10; }
  .slide6 { z-index: 9; }

  .slideimages img, .slideimages video { clip-path: inset(0 0 0 0); }
  .slideimages.active img, .slideimages.active video { animation: reveal 1s forwards cubic-bezier(0.77, 0, 0.175, 1); }
  .slideimages.hide img, .slideimages.hide video { animation: conceal 1s forwards cubic-bezier(0.77, 0, 0.175, 1); }

   #ml-layoutslideshow .slideimages div {  margin: 0px auto; clip-path: inset(0 0 0 0); }
   #ml-layoutslideshow .slideimages.active div { animation: reveal 1s forwards cubic-bezier(0.77, 0, 0.175, 1); }
   #ml-layoutslideshow .slideimages.hide div { animation: conceal 1s forwards cubic-bezier(0.77, 0, 0.175, 1); }
  #ml-layoutslideshow .slideimages div img, #ml-layoutslideshow .slideimages div video { transform: translateY(0cqh); transition: 1500ms transform 3000ms ease-out; width: 100%; }
  #ml-layoutslideshow .slideimages.active div img, #ml-layoutslideshow .slideimages.active div video { transform: translateY(-55cqh); }
   #ml-layoutslideshow .slideimages.hide div { transform: translateY(0cqh); }

  @keyframes reveal {
    from { clip-path: inset(100% 0 0 0); }
    to { clip-path: inset(0 0 0 0); }
  }
  @keyframes conceal {
    from { clip-path: inset(0 0 0 0); }
    to { clip-path: inset(0 0 100% 0); }
  }

  .video1440 { padding: 80px 0px; }
  .video1440 { line-height: 0px; }
  .video1440 .img-39-18, .video1440 .img-2-1 {
    clip-path: inset(15cqh 10cqw 5cqh 10cqw round 32px);
    transition-property: clip-path;
    transition-duration: 2s;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-delay: 0ms;
  }
  .video1440.viewed .img-39-18, .video1440.viewed .img-2-1 { clip-path: inset(0 0 0 0 round 32px); }




  /** Desktop layout: Homepage **/

  .home-hero-square svg { display: block; }

  #g1368-primary {
    grid-template-columns: [full-start] 1fr [col-all-start] min(40cqw, 684px) [col2-b-start] min(40cqw, 684px) [col-all-end] 1fr [full-end];
    align-items: center;
  }

  #home-hero .col2-a { 
    grid-column-start: col-all-start; grid-column-end: col2-b-start; 
    top: max(calc(50cqh - 20cqw), calc(50cqh - 342px)); 
    min-height: max(calc(50cqh - 20cqw), calc(50cqh - 342px)); 
    position: sticky; 
  }
  #home-hero .col2-a div { aspect-ratio: 1; }
  #home-hero .col2-a div p { position: absolute; text-align: left; }

  #home-hero .col2-b {
    scroll-margin-top: max(calc(50cqh - 20cqw), calc(50cqh - 342px)); 
    z-index: 1; 
  }
  #home-hero .col2-b:nth-child(2) { margin-top: max(calc(42cqh - 20cqw), calc(42cqh - 342px)); }
  #home-benbox p { padding-left: 3.7cqi; text-align: left; }

  #g1368-secondary {
    grid-template-columns: [full-start] 1fr [col-all-start] min(21.83cqw - 21px, 352px) [col3-a-end] 32px [col3-b-start] min(21.83cqw - 21px, 352px) [col3-b-end] 32px [col3-c-start] min(21.83cqw - 21px, 352px) [col-all-end] min(14.5cqw, 248px) [space-end] 1fr [full-end];
    margin-top: max(calc(-20cqw + 28px), -298px);
    z-index: 2;
    text-align: left;
  }
  #body-home #sheet7 { scroll-margin-top: 38cqh; }

  #body-home .g1120 { min-height: 75cqh; column-gap: 28px; row-gap: 8px; }
  #body-home .g1120 svg:nth-child(-n+8) { display: inline-block; width: 24%; } 

  #home-whattheysay h6 { font-size: min(12.2cqw, 214px); text-align: center; margin-bottom: 0px; } 


  #home-letsworktogether > div { min-height: unset; }
  #home-services .col-all-span div ul { display: block; }

  #body-home #consultation { margin-bottom: -68.5px; }
  #body-contact #consultation { padding-top: 0px; }
  #consultation h6 { font-size: min(8.5cqw, 143px); }




  /** Desktop layout: WSJ **/


  #wsj-research .span-overlay-2 { display: block; text-align: right; margin: 0px 32px 320px 0px; }
  #wsj-research .span-overlay-2 .img-square {
    width: min(72%, 460px);
    opacity: 0;
    transform: translate(-150px, 200px) rotate(-25deg);  
    transition: all 2400ms ease 1000ms;
  } 
  #wsj-research.viewed .span-overlay-2 .img-square { 
    opacity: 1;
    transform: translate(0px, 0px) rotate(-20deg); 
  } 
  #wsj-research .span-overlay-3  { text-align: center; }
  #wsj-research .span-overlay-3 .img-square {
    width: min(65%, 440px);
    opacity: 0;
    transform: translate(-200px, 60px) rotate(-5deg); 
    transition: all 2400ms ease 200ms;
  } 
  #wsj-research.viewed .span-overlay-3 .img-square { 
    opacity: 1;
    transform: translate(0px, 0px) rotate(10deg); 
  } 

  #body-wsj #sheet4 { scroll-margin-top: -5cqh; }
  .wsj-persona-box h3 { font-size: 28px; }

  #wsj-styleguide .col2-b { padding-top: 3.25em; }
  #wsj-styleguide .half-span { align-self: start; padding-left: 64px; text-align: right; }
  #wsj-styleguide .no-overlay { display: none; }
  #wsj-styleguide .span-overlay { display: block; }
  #wsj-styleguide .span-overlay img { opacity: 0; transform: scale(92%); }
  #wsj-styleguide .span-overlay-1 img { transition: all 1s ease 200ms; }
  #wsj-styleguide .span-overlay-2 img { transition: all 2s ease 1s; }
  #wsj-styleguide .span-overlay-3 img { transition: all 3s ease 2s; }
  #wsj-styleguide.viewed .span-overlay img { opacity: 1; transform: scale(100%); }

  #wsj-productslider .full-width-slider { height: calc(486px + 32px); }
  #wsj-productslider .full-width-slider div:nth-child(1) { flex: 0 0 864px; }
  #wsj-productslider .full-width-slider div:nth-child(2) { flex: 0 0 389px; }
  #wsj-productslider .full-width-slider div:nth-child(3) { flex: 0 0 182px; }
  #wsj-productslider .full-width-slider div:nth-child(1) img { width: 864px; }
  #wsj-productslider .full-width-slider div:nth-child(2) img { width: 389px; }
  #wsj-productslider .full-width-slider div:nth-child(3) img { width: 182px; }





  /** Desktop layout:  MoneyLion **/

  #ml-profit .g1440 { align-content: end; min-height: unset; }
  #body-ml #sheet5 { scroll-margin-top: 8cqh; }
  #ml-stockdatavideo .g1440 { align-content: start; }

  #ml-concepttesting .g1440 { row-gap: 56px; }
  .ml-concept-box { transform: translate(-100px, 200px) rotate(-30deg); text-align: left; }
  #ml-concepttesting.viewed #ml-concept-a { opacity: 1; transform: translate(0px, 0px) rotate(-4deg); }
  #ml-concepttesting.viewed #ml-concept-b { opacity: 1; transform: translate(0px, 0px) rotate(10deg); }
  #ml-concepttesting.viewed #ml-concept-c { opacity: 1; transform: translate(0px, 0px) rotate(-2deg); }
  

  #body-ml #sheet7 { scroll-margin-top: 15cqh; }
  #ml-datadesign { padding-top: 0px; }
  #ml-datadesign > div { min-height: 50cqh; }

  #ml-layoutslideshow { text-align: left; }
  #ml-layoutslideshow .col-all-span { display: none; }
  #ml-layoutslideshow .slideimages { text-align: center; }
  #ml-layoutslideshow .slidetitles { align-self: center; }
  #ml-layoutslideshow .img-3-5 { height: min(calc(100cqh - 224px), 900px); width: auto; }

  #ml-tradingup .g1120 .half-span { text-align: right;  padding: 0px 16px 0px 10cqw; }

  #ml-onboardingtitle .g1440 { align-content: start; min-height: 50cqh; padding-top: 80px; }


  /** Desktop layout:  Pulse Plus **/

  .concept-section .title-span { opacity: 0; transition: opacity 1400ms ease 0ms; } 
  .concept-section .col3-a { transform: scale(92%) translateY(60px); opacity: 0; transition: all 1400ms ease 600ms; } 
  .concept-section .col3-b { transform: scale(92%) translateY(60px); opacity: 0; transition: all 1400ms ease 1600ms; } 
  .concept-section .col3-c { transform: scale(92%) translateY(60px); opacity: 0; transition: all 1400ms ease 2600ms; } 
  .concept-section .col2-a { transform: scale(100%) translateY(0px); opacity: 0; transition: all 2100ms ease 600ms; } 
  .concept-section .col2-b { transform: scale(100%) translateY(0px); opacity: 0; transition: all 2100ms ease 1600ms; } 
  .concept-section.viewed > div > div { transform: scale(100%) translateY(0px); opacity: 1; }
  .concept-section div > div:not(.title-span) { text-align: left; }

  #pulse-concept-b { height: min(calc(28.3cqw - 51px), 428px); } 
  /** col-3-b size is min(calc(28.3cqw - 21px), 448px) **/
  #pulse-homepage { padding-top: 0px; }
  #body-pulse #sheet4 { scroll-margin-top: 80px; }

  

  /** Desktop layout:  Yahoo **/
  .videoheader { padding: 20cqh 0px 0px 0px; }
  .videoheader .g1440 { min-height: unset; align-content: end; }
  #body-yahoo #yahoo-shareability .col2-a { text-align: left; grid-row-start: 1; grid-row-end: 2; }
  #body-yahoo #yahoo-shareability .col2-b { grid-row-start: 1; grid-row-end: 2; }
  #yahoo-reax .g980 { min-height: unset; }
  #yahoo-storyboarding .g1120 { min-height: 0px; }

  #yahoo-hero-bg { background-image: url("/images/yahoo_introvideo_3248x1827.webp"); }
  #body-yahoo .hero-video video { animation: 8s ease-out 0s forwards yahoofader; }
  video#yahoo-hero-vid-desk { display: block; }
  video#yahoo-hero-vid-mob { display: none; }




  #yahoo-artdirections .col2-b { padding-top: 3.25em; }
  #yahoo-artdirections .half-span { align-self: start; padding-left: 64px; text-align: right; }
  #yahoo-artdirections .no-overlay { display: none; }
  #yahoo-artdirections .span-overlay { display: block; }
  #yahoo-artdirections .span-overlay img { opacity: 0; transform: scale(92%); }
  #yahoo-artdirections .span-overlay-1 img { transition: all 1s ease 200ms; }
  #yahoo-artdirections .span-overlay-2 img { transition: all 2s ease 1s; }
  #yahoo-artdirections .span-overlay-3 img { transition: all 3s ease 2s; }
  #yahoo-artdirections.viewed .span-overlay img { opacity: 1; transform: scale(100%); }



  /** Desktop layout:  Springtide **/
  #springtide-homepagevideo .g1440 { align-content: end; min-height: unset; }
  #springtide-homepage { padding-top: 0px; } 
  #springtide-homepage .g1120 { min-height: unset; align-content: start; } 
  #springtide-homepagevideo .img-39-18 { aspect-ratio: 39 / 18; }
  #body-springtide #sheet4 { scroll-margin-top: 160px; }

}





@media screen and (min-width: 1440px) {


  section.hero-video { background-attachment: fixed; }


  /** Desktop Full layout: Homepage **/

  #home-services { padding-top: 0px; margin-top: -12px; overflow: clip; }
  #home-services .g1440 { min-height: unset; }
  #home-services .col-all-span { gap: 96px; }
  #home-services .col-all-span div:nth-child(2) { margin-top: 100px; }
  #home-services .col-all-span div:nth-child(3) { margin-top: -140px; }
  #home-services .col-all-span div:nth-child(4) { margin-top: 60px; }
  #home-services .col-all-span div { min-width: 178px; text-align: left; opacity: 0; transform: translate3d(0, 400px, 0); }
  #home-services.viewed .col-all-span div { opacity: 1; transform: translate3d(0, 0, 0); }
  #home-services .col-all-span div svg { border-radius: 48px; width: 244px; transform: rotate(20deg) scale(.3) translate(130px, 1200px); transition: all 1600ms ease 0ms; }
  #home-services.viewed .col-all-span div svg { opacity: 1; transform: rotate(23deg) scale(1) translate(154px, 130px); }
  #home-services.viewed .col-all-span div:nth-child(1) svg { opacity: 1; transform: rotate(-15deg) scale(1) translate(75px, 176px); }
  #home-services.viewed .col-all-span div:nth-child(4) svg { opacity: 1; transform: rotate(-15deg) scale(1) translate(75px, 176px); }




  /** Desktop Full layout: WSJ **/


  .wsj-persona-box { 
    aspect-ratio: 1; 
    padding: 32px 48px;
    background-color: rgb(255 255 255);
    background-image: url("/images/wsj-persona-a.webp"); 
    background-size: 170px auto;
    background-repeat: no-repeat;
    background-position: bottom right;
    border: 1px solid #CCCCCC;
    border-radius: 32px;
    margin-left: 32px;
    opacity: 0;
    transform: translate(-200px, 500px) rotate(-50deg); 
  } 
  #wsj-personas #wsj-persona-a { transition: all 1800ms ease 400ms; } 
  #wsj-personas #wsj-persona-b { 
    background-image: url("/images/wsj-persona-b.webp"); 
    transform: translate(-200px, 500px) rotate(70deg); 
    transition: all 1800ms ease 800ms;
  } 
  #wsj-personas #wsj-persona-c { 
    background-image: url("/images/wsj-persona-c.webp"); 
    transition: all 1800ms ease 1200ms;
  } 

  #wsj-personas.viewed .wsj-persona-box { 
    opacity: 1;
    transform: translate(0px, 0px) rotate(5deg); 
  } 
  #wsj-personas.viewed #wsj-persona-b { transform: rotate(-5deg); }

  #body-wsj #sheet5 { scroll-margin-top: 200px; } 





  /** Desktop Full layout:  Springtide **/

  #springtide-homepagevideo .video-page-scroll {
    width: 980px;
    border-radius: 12px;
    transform: translateY(667px);  
    animation: 13s ease-in-out 1000ms 1 forwards paused springtide-homescroll-big;
  }
  @keyframes springtide-homescroll-big {
    0% { width: 980px; opacity: 0; transform: translateY(667px); }
    20% { width: 1120px; opacity: 1; transform: translateY(100px); }
    32% { width: 1120px; opacity: 1; transform: translateY(100px); }
    77% { width: 1120px; opacity: 1; transform: translateY(-6000px); }
    78% { width: 1120px; opacity: 0; transform: translateY(-6000px); }
    79% { width: 1120px; opacity: 0; transform: translateY(667px); }
    80% { width: 1120px; opacity: 0; transform: translateY(667px); }
    100% { width: 1120px; opacity: 1; transform: translateY(100px); }
  }



  /** Desktop Full layout:  Yahoo **/

  #yahoo-marketingvideo .video-page-scroll {
    border-radius: 12px;
    transform: translateY(667px);  
  }
  #yahoo-marketingvideo .video-page-scroll-a {
    animation: 14s ease-in-out 0s 1 forwards paused yahoo-homescroll-big-a;
    z-index: 1;
  }
  @keyframes yahoo-homescroll-big-a {
    0% { width: 540px; opacity: 0; transform: translateY(667px); }
    15% { width: 540px; opacity: 1; transform: translateY(50px); }
    51% { width: 540px; opacity: 1; transform: translateY(50px); }
    73% { width: 540px; opacity: 1; transform: translateY(-4200px); }
    74% { width: 540px; opacity: 0; transform: translateY(-4200px); }
    75% { width: 540px; opacity: 0; transform: translateY(667px); }
    90% { width: 540px; opacity: 1; transform: translateY(667px); }
    100% { width: 540px; opacity: 1; transform: translateY(50px); }
  }
  #yahoo-marketingvideo .video-page-scroll-b {
    animation: 14s ease-in-out 2200ms 1 forwards paused yahoo-homescroll-big-b;
    z-index: 2;
  }
  @keyframes yahoo-homescroll-big-b {
    0% { width: 1000px; opacity: 1; transform: translateY(667px); }
    15% { width: 840px; opacity: 1; transform: translateY(120px); }
    51% { width: 840px; opacity: 1; transform: translateY(120px); }
    73% { width: 840px; opacity: 1; transform: translateY(-4200px); }
    74% { width: 840px; opacity: 0; transform: translateY(-4200px); }
    75% { width: 840px; opacity: 0; transform: translateY(667px); }
    90% { width: 840px; opacity: 1; transform: translateY(667px); }
    100% { width: 840px; opacity: 1; transform: translateY(120px); }
  }
  #yahoo-marketingvideo .video-page-scroll-c {
    animation: 14s ease-in-out 4400ms 1 forwards paused yahoo-homescroll-big-c;
    z-index: 3;
  }
  @keyframes yahoo-homescroll-big-c {
    0% { width: 1280px; opacity: 1; transform: translateY(667px); }
    15% { width: 1090px; opacity: 1; transform: translateY(210px); }
    51% { width: 1090px; opacity: 1; transform: translateY(210px); }
    73% { width: 1090px; opacity: 1; transform: translateY(-4200px); }
    74% { width: 1090px; opacity: 0; transform: translateY(-4200px); }
    75% { width: 1090px; opacity: 0; transform: translateY(667px); }
    90% { width: 1090px; opacity: 1; transform: translateY(667px); }
    100% { width: 1090px; opacity: 1; transform: translateY(210px); }
  }

  


  /** Desktop Cinema layout:  MoneyLion **/

  #ml-onboardingslider .full-width-slider { height: calc(585px + 32px); }
  #ml-onboardingslider .full-width-slider div { flex: 0 0 468px; }
  #ml-onboardingslider .full-width-slider div .img-4-5 { width: 468px; }


}


@media screen and (min-width: 1580px) {

  .g980 {
    grid-template-columns: [full-start] 1fr [col-all-start] min(calc(28.5cqw - 32px), 458px) [col2-a-end] 64px [col2-b-start] min(calc(28.5cqw - 32px), 458px) [col-all-end] 1fr [full-end];
    min-height: calc(100cqh - 160px);
    align-items: center;
  }





  /** Desktop Extra Full: WSJ **/ 
  .wsj-persona-box {
    background-position: 88% 100%;
    background-size: 250px auto;
  }
  .wsj-persona-box h3 { font-size: 33px; }

  #wsj-productslider .full-width-slider { background: unset; }


}



@media screen and (min-height: 1020px) and (min-width: 1780px) {

/** BEN REMEMBER TO DECLARE ALL BODY AND SECTION BACKGROUNDS FOR CINEMA **/

  section > div, #home-hero > div {
/**
    height: auto !important;
    min-height: auto !important;
    padding: 140px 0px !important;
**/
  }


  #museum-donate { background-color: #FFF7EE; }
  #home-events-list { opacity: 1; animation: none; }



  /** Desktop Cinema: Yahoo **/ 

  #body-yahoo .full-width-slider { height: 640px; }
  #body-yahoo .full-width-slider div { flex: 0 0 342px; }
  #body-yahoo .full-width-slider div .img-9-16 { width: 342px; }
  
  #home-services .col-all-span div { opacity: 1; transform: translate3d(0, 0, 0); }
  #home-services .col-all-span div svg { border-radius: 48px; width: 244px; opacity: 0; transform: rotate(20deg) scale(.3) translate(130px, 450px); transition: all 1600ms ease 0ms; }

}

@media screen and (max-width: 1780px) and (max-height: 1440px) {

  /** Mobile scroll animations **/

  .fade0, .fade600, .fade900, .fade1200, .fade1600, .fade2000, .fade2400, .fade2800, .fade3200, .fade3600, .fade4000 {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 1800ms;
    transition-timing-function: ease-in-out;
    transition-delay: 0ms;
  }
  .viewed .fade0, .viewed .fade600, .viewed .fade900, .viewed .fade1200, .viewed .fade1600, .viewed .fade2000, .viewed .fade2400, .viewed .fade2800, .viewed .fade3200, .viewed .fade3600, .viewed .fade4000 { opacity: 1; }

  
  .fadeup0, .fadeup600, .fadeup900 {
    opacity: 0;
    transform: translate3d(0, 400px, 0);
    transition: all 1600ms ease 0ms;
  }
  .viewed .fadeup0, .viewed .fadeup600, .viewed .fadeup900 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }


  @media (min-width: 1280px) {

    /** Desktop scroll animations **/

    .viewed .fade0, .viewed .fadeup0 { transition-delay: 0ms; }
    .viewed .fade600, .viewed .fadeup600 { transition-delay: 600ms; }
    .viewed .fade900, .viewed .fadeup900 { transition-delay: 900ms; }
    .viewed .fade1200 { transition-delay: 1200ms; }
    .viewed .fade1600 { transition-delay: 1600ms; }
    .viewed .fade2000 { transition-delay: 2000ms; }
    .viewed .fade2400 { transition-delay: 2400ms; }
    .viewed .fade2800 { transition-delay: 2800ms; }
    .viewed .fade3200 { transition-delay: 3200ms; }
    .viewed .fade4000 { transition-delay: 4000ms; }

  }

}




@media print {

  header, footer, a.btn { display: none; } 
  body, div, section, article { background: none; background-color: transparent; background-image: none !important; }

}