/* Independent depth layers. Extra image height covers the full travel on every screen size. */
[data-parallax]{will-change:translate;backface-visibility:hidden}
.hero-photo-frame,.parallax-window,.needs-image,.service-photo-frame{--parallax-bleed:125px}
.hero-photo-frame>.hero-photo,
.parallax-window>img,
.needs-image>img,
.service-hero-visual .service-photo-frame>img{
  position:absolute;left:0;top:calc(-1 * var(--parallax-bleed));width:100%;
  height:calc(100% + 2 * var(--parallax-bleed));max-width:none;
  object-fit:cover;margin:0;clip-path:none
}
.parallax-window,.service-photo-frame{position:relative}
.needs-image{overflow:hidden}
.band-image{--parallax-bleed:190px}
.band-image>img{position:absolute;left:0;top:calc(-1 * var(--parallax-bleed));width:100%;height:calc(100% + 2 * var(--parallax-bleed));margin:0;object-fit:cover}
.band-image:after{background:linear-gradient(90deg,#042330e3 8%,#04233099 55%,#04233025)}
.parallax-switch{margin-bottom:20px;font-size:10px;letter-spacing:.06em;padding:8px 12px;border:1px solid #62d8e54d;border-radius:3px;color:#b1f2f6;background:#39bacb10;min-height:34px}
.parallax-switch[aria-pressed="true"]{color:#e6cc6d;border-color:#e6cc6d6b;background:#e6cc6d10}
.page-parallax-mark{position:absolute;pointer-events:none;right:5%;top:-90px;width:440px;height:510px;background:url('../img/kazii/kazii-mark.svg') center/contain no-repeat;opacity:.17;rotate:-8deg;z-index:0}
.kazii-motion .has-parallax-mark:after{display:none}
.has-parallax-mark>.container,.has-parallax-mark>.d-table{position:relative;z-index:1}
.about-image.kazii-image-card.agency-depth-frame{height:540px;padding:0;isolation:isolate}
.about-image.kazii-image-card.agency-depth-frame>img{position:absolute;left:0;top:-90px;width:100%;height:calc(100% + 180px);object-fit:cover;object-position:50% center;border-radius:0}
.agency-depth-frame .image-tag{z-index:1}
@media(max-width:767px){
  .hero-photo-frame,.parallax-window,.needs-image,.service-photo-frame{--parallax-bleed:85px}
  .band-image{--parallax-bleed:125px}
  .page-parallax-mark{right:-110px;top:-70px;width:340px;height:440px;opacity:.13}
  .hero-caption{z-index:4}
  .parallax-switch{margin-bottom:19px;font-size:9px}
  .about-image.kazii-image-card.agency-depth-frame{height:380px}
}
.motion-reduced [data-parallax]{translate:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){
  html:not(.motion-full) [data-parallax]{translate:none!important;will-change:auto}
}