/* Phones retain static content, tablets use a sticky-edge based transition. */
html body#top.design-master:not(.tablet-photo-effects-v16) .effect-section > .study-making-inner {--tablet-photo-content:1;}
 html body#top.design-master.tablet-photo-effects-v16 .effect-section {
   position:relative!important;isolation:isolate;
   background:var(--gerbeth-grey-gradient,#e6edf0)!important;
   padding-top:0!important;padding-bottom:1cm!important;margin:0!important;
 }
 html body#top.design-master.tablet-photo-effects-v16 .effect-backdrop {
   display:block!important;position:sticky!important;top:var(--tablet-photo-top,120px)!important;
   width:100%!important;height:var(--tablet-photo-height)!important;margin:0 0 calc(-1 * var(--tablet-photo-height))!important;
   overflow:hidden!important;z-index:0;pointer-events:none;
 }
 html body#top.design-master.tablet-photo-effects-v16 .effect-backdrop-stage {
   position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;transform:none!important;overflow:hidden;
 }
 html body#top.design-master.tablet-photo-effects-v16 .effect-backdrop-image {
   position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
   object-fit:cover;object-position:center;transform:scale(var(--tablet-photo-zoom,1))!important;
 }
 html body#top.design-master.tablet-photo-effects-v16 .effect-backdrop-wash {
   position:absolute;inset:0;background:rgba(239,243,241,var(--tablet-photo-wash,0))!important;
 }
 html body#top.design-master.tablet-photo-effects-v16 .effect-section > .study-making-inner {
   position:relative;z-index:1;margin-top:0!important;
   padding-top:calc(var(--tablet-photo-span,300px) + 1cm)!important;padding-bottom:0!important;
   opacity:var(--tablet-photo-content,1)!important;
   transform:translateY(calc((1 - var(--tablet-photo-content,1)) * 18px))!important;
 }
 html body#top.design-master.tablet-photo-effects-v16 .effect-section :is(.study-prose,.study-text,.study-card,.text-box) {
   background:#fff!important;color:#183047!important;
   padding:20px!important;box-sizing:border-box;
 }
 html body#top.design-master.tablet-photo-effects-v16 .effect-section :is(.study-prose,.study-text,.study-card,.text-box) :is(p,h2,h3,h4,li){color:inherit!important;}

@media(max-width:600px), (max-width:980px) and (max-height:600px) and (pointer:coarse), (prefers-reduced-motion:reduce){
 html body#top.design-master .effect-backdrop{display:none!important;}
 html body#top.design-master .effect-section > .study-making-inner{opacity:1!important;transform:none!important;padding-top:1cm!important;}
 html body#top.design-master .effect-section{padding-top:0!important;padding-bottom:1cm!important;}
}