#wrapper {
  left: 0;
  top: 0;
  width: 4096px;
  height: 2731px;
  z-index: 10!important;
}
#shadow {
  left: 1054px;
  top: 1695px;
  width: 3043px;
  height: 290px;
}
#box {
  left: 1037px;
  top: 990px;
  width: 2037px;
  height: 986px;
}
#pl_header_live_ver1_2_lines_left {
  width: 979px;
  height: 232px;
  left: 42px;
  top: 42px;
}
#headline {
  width: 979px;
  height: 245px;
  left: 0;
  top: 0;
  max-width: 100%;
}
#pl_legal_centre {
  width: 251px;
  height: 21px;
  left: 907px;
  top: 537px;
}
#legal {
  width: 251px;
  height: 20px;
  left: 0;
  top: 0;
}
#pl_live_cta {
  width: 238px;
  height: 58px;
  left: 913px;
  top: 443px;
}
#cta {
  width: 152px;
  height: 29px;
  left: 43px;
  top: 14px;
}
#pl_sub2b_centre {
  width: 266px;
  height: 38px;
  left: 39px;
  top: 522px;
}
#date {
  width: 265px;
  height: 37px;
  left: 0;
  top: 0;
}
#pl_sub1b_centre {
  width: 353px;
  height: 108px;
  left: 40px;
  top: 398px;
}
#subheader {
  width: 259px;
  height: 103px;
  left: 0;
  top: 0;
}
#box_element {
  width: 880px;
  height: 640px;
  left: 169px;
  top: 77px;
}
#box_ref {
  width: 880px;
  height: 586px;
  left: 0;
  top: 27px;
}
@font-face {
  font-family: EmberModernDisplayStandard;
  src: url("EmberModernDisplayStandard.woff2?cachebust=1762531240443") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: EmberModernDisplayStandard-Bold;
  src: url("EmberModernDisplayStandard-Bold.woff2?cachebust=1762531240443") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
#cta,
#date,
#legal {
  font-family: EmberModernDisplayStandard;
  font-weight: 400;
  text-rendering: geometricPrecision;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
#headline,
#subheader {
  font-family: EmberModernDisplayStandard-Bold;
  font-weight: 400;
  text-rendering: geometricPrecision;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {
  margin: 0;
  line-height: 1.1;
}
a {
  color: inherit;
  text-decoration: inherit;
}
#banner {
  width: 1200px;
  height: 600px;
  position: absolute;
  opacity: 0;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
}
#banner::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  content: "";
}
.element {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
#cta,
#date,
#legal,
#subheader {
  width: -moz-max-content;
  width: max-content;
}
#cta,
[id^=banner]:hover #cta {
  color: #fff;
}
._1200x600 #responsiveContainer {
  --container-width: 1200px;
  --container-height: 600px;
}
._1200x600#banner {
  background-color: #ff6200;
}
._1200x600 #headline {
  color: #fff;
}
._1200x600 #headline #span1 {
  font-family: EmberModernDisplayStandard-Bold;
  font-size: 130.8399963379px;
  line-height: .9;
  letter-spacing: 1.3px;
  font-weight: 400;
}
._1200x600 #headline #span2 {
  font-family: EmberModernDisplayStandard-Bold;
  font-size: 130.8399963379px;
  line-height: .95;
  letter-spacing: 1.3px;
  font-weight: 400;
}
._1200x600 #pl_legal_centre {
  opacity: .6;
}
._1200x600 #legal {
  color: #fff;
  font-weight: 400;
  font-size: 19.9148921967px;
  line-height: 1;
  font-family: EmberModernDisplayStandard;
  letter-spacing: .19px;
  text-align: center;
  text-transform: normal;
  text-decoration: none;
}
._1200x600 #pl_live_cta {
  background-color: #fff;
  border-radius: 200px;
}
._1200x600 #cta {
  color: #161d26;
  font-weight: 400;
  font-size: 28.8000011444px;
  line-height: 1;
  font-family: EmberModernDisplayStandard;
  letter-spacing: .28px;
  text-align: center;
  text-transform: normal;
  text-decoration: none;
}
._1200x600 #date {
  color: #fff;
  font-weight: 400;
  font-size: 37.0399971008px;
  line-height: 1;
  font-family: EmberModernDisplayStandard;
  letter-spacing: .37px;
  text-align: center;
  text-transform: normal;
  text-decoration: none;
}
._1200x600 #subheader {
  color: #fff;
}
._1200x600 #subheader #span1 {
  font-family: EmberModernDisplayStandard-Bold;
  font-size: 55.5800018311px;
  line-height: .9;
  letter-spacing: .55px;
  font-weight: 400;
}
._1200x600 #subheader #span2 {
  font-family: EmberModernDisplayStandard-Bold;
  font-size: 55.5800018311px;
  line-height: .93;
  letter-spacing: .55px;
  font-weight: 400;
}
:root {
  --box-front: url("front.jpg");
  --box-side: url("side.jpg");
  --box-shadow-img: url("shadow.png");
  --perspective-amount: 0.55;
  --pitch: 0deg;
  --roll: 0deg;
}
@media (min-resolution:192dpi) {
  .face {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}
#box-container,
#box-wrapper,
.box,
.box-corner-origin,
.box-root-origin,
.face {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
#box-container {
  position: absolute;
  inset: 0 auto auto 0;
  transform-style: flat;
}
#box-container #box-wrapper {
  position: absolute;
  perspective: var(--perspective);
  perspective-origin: 60% 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%,-50%) scale(var(--scale-x,var(--scale,1)),var(--scale-y,var(--scale,1)));
  will-change: transform;
}
#box-container #box-wrapper .box {
  position: relative;
  transform-style: preserve-3d;
  image-rendering: auto;
  backface-visibility: hidden;
  will-change: transform;
  transform: translateZ(0);
}
.box-root-origin {
  width: 1px;
  height: 1px;
  position: relative;
  transform-style: preserve-3d;
  perspective: none;
  transform: translate(calc(var(--box-width)/ 2),calc(var(--box-height)/ 2)) rotateZ(.1deg);
}
.box-corner-origin {
  width: 1px;
  height: 1px;
  position: relative;
  transform-style: preserve-3d;
  perspective: none;
  backface-visibility: hidden;
  transform: translate(calc(-1 * var(--box-width)/ 2),calc(-1 * var(--box-height)/ 2));
}
.face {
  position: absolute;
  box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  outline: transparent solid 1px;
  will-change: transform,filter;
}
.right {
  width: var(--box-depth);
  height: var(--box-height);
  transform: translate3d(calc(var(--box-width)/ 2 - 52%),-50%,0) rotateY(90deg);
  position: relative;
  transform-style: preserve-3d;
  image-rendering: auto;
  backface-visibility: hidden;
  will-change: transform;
}
.box-shadow {
  background-image: url("box-shadow.png");
  opacity: .9;
  width: var(--box-shadow);
  height: var(--box-shadow);
  transform: translate3d(-50%,calc(-50% + var(--box-height)/ 2),0) rotateX(90deg);
  -webkit-transform: translate3d(-50%,calc(-50% + var(--box-height)/ 2),0) rotateX(90deg) translateZ(0);
  filter: blur(40px);
  -webkit-filter: blur(40px);
}
.front {
  width: var(--box-width);
  height: var(--box-height);
  transform: translate3d(-50%,-50%,calc(var(--box-depth)/ 2));
  position: absolute;
  overflow: hidden;
  transform-style: preserve-3d;
  image-rendering: auto;
  backface-visibility: hidden;
  will-change: transform;
  filter: blur(.01px);
}