.QS9OSQOLC9hn4NxYT3n2 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}
.q2tgAjOqCAapuO0ftj0v {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  gap: var(--space-400);
  padding: var(--space-1000) var(--space-600);
  background-color: var(--primaryBackground);
  border-radius: var(--radius-400);
  height: 90%;
  cursor: default;
}

@media (min-width: 1000px) and (max-width: 1250px)  {
  .q2tgAjOqCAapuO0ftj0v {
    width: auto;
    height: 100%;
  }
}

.K9OVJpuWZIWFM1mhCs4k {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);

  .AzRDYDtBgfBYIPuYnGqi {
    display: grid;
    gap: var(--space-400);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 700px) {
  .K9OVJpuWZIWFM1mhCs4k {
    .AzRDYDtBgfBYIPuYnGqi {
      grid-template-columns: repeat(4, 1fr);
    }
  }
}

.Fc8AiJqaWT68fuwMU5O5 {
  display: flex;
  flex-direction: column;
  gap: var(--space-600);

  .k6jQ37QqyNthmh79YDFD {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-items: center;
    gap: var(--space-400);

    .ZGDwNnpXNRUKhBaSGShb {
      width: auto;
      cursor: pointer;
    }

    .Vwy1v06Idz9MrZFGII8F {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;

      gap: var(--space-100);
      width: 100%;
    }
  }
}

@media (min-width: 600px) {
  .Fc8AiJqaWT68fuwMU5O5 {
    gap: var(--space-400);

    .k6jQ37QqyNthmh79YDFD {
      flex-direction: column;
      justify-items: center;
      align-items: center;

      .Vwy1v06Idz9MrZFGII8F {
        justify-content: center;
      }
      .ZGDwNnpXNRUKhBaSGShb {
        width: 100%;
      }

    }

    .wYI2RCbD55X_Rdvozmv_ {
      width: 125px;
    }
  }
}
.NUNev31EZqExchn5g8bE {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 var(--space-400);
  border-radius: var(--radius-400);

  .Qypz8zYD_oJLZwnofpYw {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-400);

    padding: var(--space-400);
    background-color: var(--primaryBackground);
    border-radius: var(--radius-400);

    .Dv2iy1Nr60sRTWYz9evw {
      width: 100%;
    }
  }
}

@media (min-width: 600px) {
  .NUNev31EZqExchn5g8bE {
    flex-direction: row;
    background-color: var(--primaryBackground);
    border-radius: var(--radius-400);

    .qGLJx9KpA9mSnjRRatOT {
      width: 50%;

      .Xqvk3YmTNhSgGx9L5eeL {
        width: 100%;
        height: auto;
      }
    }

    .Qypz8zYD_oJLZwnofpYw {
      border-radius: var(--radius-400);

      .Dv2iy1Nr60sRTWYz9evw {
        width: fit-content;
        padding: var(--space-xl);
      }
    }
  }
}

@media (min-width: 900px) {
  .NUNev31EZqExchn5g8bE {
    margin: 0 var(--space-3xl);
  }
}

.GTueJlg8EDyhfcS4lqdp {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);

  .u7EcfeZChp3AEtEyfmG3 {
    margin-bottom: var(--space-400);
  }
  .KNqBd0iVzHzFSFx3Y8dC {
    width: 100vw;
  }

  .zkawh3gdbj8gnH_xRx1B {
    width: 100%;
    width: auto;
  }

  .hQTWpek2pqPaCb65HeMF {
    position: relative;
    height: 100%;

    .XPm6ROdO5yAhU0yva9UR {
      width: 150px;
      height: 150px;
      margin-right: var(--space-200);
    }
  }
}

.LyFos9i4j1H5bRRPl1C9 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}

.IkvSnDSbhO_EynBwgMWO.erJDP1tkfYeoCrCWsCZP {
  .CHT7d10vOul4Z3bboTZN {
    max-height: 300vh;
    height: fit-content;
    transition: max-height 0.3s ease-in-out;
    overflow: hidden;
  }

  .LxRuw5KwCtrSJHc8O6NC {
    transition: transform 0.3s ease-in-out;
    transform: rotate(270deg);
  }
}

.IkvSnDSbhO_EynBwgMWO {
  border: var(--space-200);
  background: var(--secondaryBackgroundDefault);
  border-radius: var(--radius-200);
  padding: var(--space-400);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.p_j5NihZrs_Y6gl2mLP9 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.LxRuw5KwCtrSJHc8O6NC {
  transition: transform 0.3s ease-in-out;
  transform: rotate(90deg);
}

.CHT7d10vOul4Z3bboTZN {
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
  color: var(--darkSurfacePrimary);
}

a {
  color: var(--primarySolidBackground);
}

.RK6gRTtmLuzTa1P_RfqS {
  .cG8cgVDSS_GRcqbkWXPg {
    position: relative;
    height: 230px;

    .Bk0QQU7f1OjAJ8MqhOlZ {
      z-index: 1;
      position: relative;
      padding: var(--space-400);
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      row-gap: var(--space-200);
    }

    .YMNbaKe0iYOicwWtmVxM {
      gap: var(--space-050);
      text-align: center;
    }

    .U8bJkj0AeM7JsQlJMX8a {
      display: flex;
      flex-direction: row;
      gap: var(--space-400);
      align-items: center;
      flex-wrap: nowrap;
      justify-content: center;
    
    }

    .U8bJkj0AeM7JsQlJMX8a {
      a {
      align-items: center; 
      }
      svg { 
      display: block; 
      }
    }
    

    .KNtoIHHwQZ0JXvPbTtDb svg 
    { 
      display: block; 
      height: 60px; 
      width: auto; 
    }
    
   .qAzRgv8wBEvZPqVKcXWn svg 
   { 
    display: block; 
    height: 71px; 
    width: auto; 
    margin-top: 14px;
  }
  

  }
}



@media (min-width: 608px) {
  .RK6gRTtmLuzTa1P_RfqS {
    .cG8cgVDSS_GRcqbkWXPg {
      display: flex;
      justify-content:center;
      position: relative;

      .Bk0QQU7f1OjAJ8MqhOlZ {
        width: 50%;
        padding: var(--space-800) var(--space-050);

      }
    }
  }
}


@media (max-width: 850px) {
  .cG8cgVDSS_GRcqbkWXPg{

    .Bk0QQU7f1OjAJ8MqhOlZ {
      justify-content: flex-end;
    }

    .U8bJkj0AeM7JsQlJMX8a {
    .KNtoIHHwQZ0JXvPbTtDb svg 
    { 
      display: block; 
      height: 56px; 
      width: auto; 
    }
    
   .qAzRgv8wBEvZPqVKcXWn svg 
   { 
    display: block; 
    height: 65.8px; 
    width: auto; 
    margin-top: 15.5px;
  }
    }
  }
  
}

@media (max-width: 600px) {
  .RK6gRTtmLuzTa1P_RfqS {
    .cG8cgVDSS_GRcqbkWXPg {

      .Bk0QQU7f1OjAJ8MqhOlZ {
        row-gap: var(--space-600);
      }

      .YMNbaKe0iYOicwWtmVxM {
        text-align: start;
      }

      .U8bJkj0AeM7JsQlJMX8a {
         flex-direction: row;
         justify-content: start;
         align-items: flex-start;
         gap: var(--space-025);
         
      .KNtoIHHwQZ0JXvPbTtDb svg { 
        height: 42px;
        padding-right: 2px;
        margin-right: 1px;

      } 
      .qAzRgv8wBEvZPqVKcXWn svg { 
        position: relative;
        top: 1px;
        height: 50px;
        margin-top: 0;
      } 
                      }
                    }
                  }
}

.I0O0cs05hFqCZbC6uwKZ {
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  z-index: 2;
  background-color: rgba(25, 25, 25, 0.95);
  bottom: calc(3 * 19px);
  padding: var(--space-300) var(--space-600);
  -webkit-box-pack: end;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  border-top-left-radius: var(--radius-400);
  border-top-right-radius: var(--radius-400);
  animation: vmurefQegujfLr8RAHm0 0.2s ease-in-out forwards;

  .acubDYMcSWqMM_ZJS75Q {
    position: absolute;
    bottom: -2px;
    left: 4px;
  }

  @keyframes vmurefQegujfLr8RAHm0 {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}

@media (min-width: 600px) {
  .I0O0cs05hFqCZbC6uwKZ {
    flex-direction: column;
    width: max-content;
    bottom: 0;
    right: 0;
    border-top-right-radius: 0;

    .acubDYMcSWqMM_ZJS75Q {
      bottom: 45px;
      left: -5px;
    }
  }
}

.WLsGhMuJ6XjFxacwJCMw {
  position: relative;
  display: flex;
  height: 320px;
  background-color: var(--bgSurfacePrimary);
  border-radius: var(--radius-600);
  overflow: hidden;
}

.WLsGhMuJ6XjFxacwJCMw::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(180.02deg, rgba(54, 32, 78, 0) 2.66%, rgba(54, 32, 78, 0.55) 90.38%);
}

.sRg_uMDa9wfkHxWa6T1Q {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 47%;
  min-width: 300px;
  height: 100%;
  padding-left: var(--space-600);
}

.hCMnGcJMVc1PvaWCj27q {
  font-family: 'DMSerifText';
  font-size: var(--text-1600);
  line-height: 100%;
  letter-spacing: -0.5px;
  padding-top: var(--space-200);
  padding-bottom: var(--space-200);
  padding-left: var(--space-600);
  background: var(--textDefaultAccent);
  background-clip: text;
  color: transparent;
  align-self: flex-start;
  margin: 0;
  margin-left: var(---space-600);
}

.hCMnGcJMVc1PvaWCj27q p.RtrVn7LgJlMTvf396AGS {
  font-style: italic;
  margin: 0;
}

.sRg_uMDa9wfkHxWa6T1Q > button {
  min-width: 223px;
  margin-top: var(--space-800);
}

@media (max-width: 1020px) {
  .WLsGhMuJ6XjFxacwJCMw {
    height: 304px;
  }
  
  .hCMnGcJMVc1PvaWCj27q {
    font-size: var(--text-1400);
  }
}

@media (max-width: 975px) {
  .WLsGhMuJ6XjFxacwJCMw {
    height: 288px;
  }

  .sRg_uMDa9wfkHxWa6T1Q {
    min-width: 427px;
  }

  .hCMnGcJMVc1PvaWCj27q {
    font-size: var(--text-1200);
  }
}

@media (max-width: 800px) {
  .WLsGhMuJ6XjFxacwJCMw {
    height: 348px;
  }

  .sRg_uMDa9wfkHxWa6T1Q {
    min-width: 270px;
  }

  .hCMnGcJMVc1PvaWCj27q {
    font-size: var(--text-1200);
  }
}

@media (max-width: 600px) {
  .WLsGhMuJ6XjFxacwJCMw {
    height: 442px;
    flex-direction: column;
  }

  .sRg_uMDa9wfkHxWa6T1Q {
    flex: 1;
    min-width: auto;
    max-width: none;
    padding-top: var(--space-600);
    padding-right: var(--space-600);
  }

  .hCMnGcJMVc1PvaWCj27q {
    font-size: var(--text-1000);
  }

  .sRg_uMDa9wfkHxWa6T1Q > button {
    min-width: 100%;
    margin-top: var(--space-400);
  }
}

@media (max-width: 375px) {
  .WLsGhMuJ6XjFxacwJCMw {
    height: 425px;
  }
}

.uIT5haI99T0RLMiUxUiZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 8px;
}

.WpXZGActrlgrgtYZSp7r {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 0 16px;
  padding-top: 140px;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;

  .K6ranJIr5XliciOGzYov {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;

    .CEIBHnYltIY1n1a6dCMb {
      text-align: center;
    }

    .BAYoZA6DbTUdmXVXZu6J {
      width: 200px;
      height: 200px;
      transform: none;
    }

    .TuGHE0peeFJDpRjNgCAi {
      font-size: 124px;
      line-height: 73%;
    }

    .jp2cXZ8S0KoAAEGtkpBv {
      width: max-content;
      line-height: 180%;
    }

    .DC6WfkinTlLIss7dZmp4 {
      svg {
        padding-left: var(--space-200);
      }
    }
  }

  .nc7pUytqxYmntjBtLZEE {
    margin-top: 12px;
    width: 100%;
    max-width: 560px;

    .bpr15RgxJgiwo9PgUYzr {
      text-align: center;
    }

    .Eu5vx4rhhXeHxRuFPScA {
      color: white;
      text-decoration: underline;
    }
  }
}

@media (min-width: 608px) {
  .WpXZGActrlgrgtYZSp7r {
    flex-direction: row;
    padding: var(--space-600);
    width: 100%;
    top: 150px;
    left: 0;
    transform: none;
    border-radius: var(--radius-400);
    z-index: 1;
  }
}

@media (min-width: 900px) {
  .WpXZGActrlgrgtYZSp7r {
    .NbgkNnQ4pnKxOTrjaMfU>div:nth-of-type(1)>img {
      position: absolute;
      left: -13vw;
      max-width: 114px;
      max-height: 126px;
    }
  }
}
.qv5Ck3G9TZ9jbzsBbPYK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 8px;
}

.KL9Mt1f17kgsU9JJsI_C {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm);
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (min-width: 600px) {
  .KL9Mt1f17kgsU9JJsI_C {
    padding: var(--space-600);
    width: 450px;
    background-color: var(--background-dark-85);
    top: 15%;
    left: var(--space-1000);
    transform: none;
    border-radius: var(--radius-400);
  }
}

.nrEyMSS4b4p65D5fA79P {
  display: flex;
  box-sizing: border-box;
  position: absolute;
  align-items: center;
  background: rgba(18, 18, 18, 0.5);
  backdrop-filter: blur(26px);
  top: 0;
  width: 100%;
  padding: var(--space-200);
  border-top: 1px solid var(--primarySolidBackground);
  border-bottom: 1px solid var(--primarySolidBackground);
  z-index: 2;

  .SEc0v92UoPEfdiFsjEcc {
    display: flex;
    flex-direction: row;
    gap: var(--space-300);
  }

  .OTfTIPHtLlxjapAstAnE {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 600px) {
  .nrEyMSS4b4p65D5fA79P {
    justify-content: center;
    .OTfTIPHtLlxjapAstAnE {
      padding: 0 var(--space-600);
      width: fit-content;
    }
  }
}

.nVvdlfA91NfBmCfABhkF {
  width: 100%;
  position: relative;

  .HNu6kVvvJMfyNeTWCSQw {
    position: absolute;
    height: 330px;
    overflow: hidden;
    width: 100%;
  }

  .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(1) {
    position: absolute;
    z-index: 1;
    top: 235px;
    left: -12px;

    .xGtCvim8zL9tTH0B6JDs {
      width: 50px;
      height: 53px;
    }
  }

  .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(2) {
    position: absolute;
    z-index: 1;
    left: 51vw;
    top: -10px;

    .xGtCvim8zL9tTH0B6JDs {
      width: 60px;
      height: 73px;
    }
  }
  .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(3) {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 150px;

    .xGtCvim8zL9tTH0B6JDs {
      width: 72px;
      height: 72px;
    }
  }

  .NhLIbVZBS3926jDeK_gd {
    position: relative;
    flex-shrink: 0;

    &::before {
      content: "";
      display: block;
      height: 550px;
      background-image: linear-gradient(
          to top,
          #121212 0%,
          #12121200 50%
        );
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
    }
  }

  .SJkIJBAejhYwTwz9IFSD {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}

@media (min-width: 608px) {
  .nVvdlfA91NfBmCfABhkF {
    .HNu6kVvvJMfyNeTWCSQw {
      height: 545px;
    }
    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(1) {
      position: absolute;
      z-index: 1;
      top: -15vh;
      left: 3vw;

      .xGtCvim8zL9tTH0B6JDs {
        width: 114px;
        height: 146px;
      }
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(2) {
      position: absolute;
      z-index: 1;
      top: 17vh;
      left: 3vw;

      .xGtCvim8zL9tTH0B6JDs {
        width: 64px;
        height: 68px;
      }
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(3) {
      position: absolute;
      z-index: 1;
      left: 14vw;
      top: -7vh;

      .xGtCvim8zL9tTH0B6JDs {
        width: 214px;
        height: 204px;
      }
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(4) {
      top: 40vh;
      left: 6vw;
      position: absolute;
      z-index: 1;

      .xGtCvim8zL9tTH0B6JDs {
        width: 125px;
        height: 96px;
        transform: rotate(40.118deg);
      }
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(5) {
      position: absolute;
      z-index: 1;
      bottom: -10vh;
      left: 25vw;

      .xGtCvim8zL9tTH0B6JDs {
        width: 159px;
        height: 184px;
        transform: rotate(25.373deg);
      }
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(6) {
      position: absolute;
      z-index: 1;
      bottom: 6vh;
      left: 45vw;

      .xGtCvim8zL9tTH0B6JDs {
        width: 60px;
        height: 60px;
        transform: rotate(172.373deg);
      }
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(7) {
      position: absolute;
      z-index: 1;
      right: 0;
      top: -14vh;
      right: 2vw;

      .xGtCvim8zL9tTH0B6JDs {
        width: 146px;
        height: 112px;
        transform: rotate(59.718deg);
      }
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(8) {
      position: absolute;
      z-index: 1;
      right: 3vw;
      top: 25vh;

      .xGtCvim8zL9tTH0B6JDs {
        width: 65px;
        height: 84px;
        transform: rotate(44.639deg);
      }
    }


    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(9) {
      position: absolute;
      z-index: 1;
      right: 9vw;
      top: 37vh;

      .xGtCvim8zL9tTH0B6JDs {
        width: 117px;
        height: 109px;
        transform: rotate(-19.071deg);
      }
    }

    .NhLIbVZBS3926jDeK_gd {
      &::before {
        height: 550px;
        background-image: linear-gradient(
            to top,
            #000000cc,
            #00000000 30%
          );
        background-size: cover;
      }

      &::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 9%;
        background-image: linear-gradient(to top, #121212, transparent);
        pointer-events: none;
      }
    }
  }
}

@media (max-height: 608px) and (orientation: landscape) {
  .nVvdlfA91NfBmCfABhkF {
    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(2) {
      display: none;
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(3) {
      display: none;
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(4) {
      display: none;
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(8) {
      display: none;
    }

    .HNu6kVvvJMfyNeTWCSQw > div:nth-of-type(9) {
      display: none;
    }
  }
}

._l8Od1ywmLx0HScCVl6s {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}

@media (min-width: 600px) {
  ._l8Od1ywmLx0HScCVl6s {
    gap: var(--space-400);

  }
}

.HMVEfbdvpS9eJrhVjbJb {
  display: flex;
  justify-content: center;
  font-size: var(--space-600);
  padding: var(--space-600) var(--space-400);
  background-color: var(--primaryBackground);
  border-radius: var(--radius-200);

  iframe {
    height: 260px;
  }
}

@media (min-width: 600px) {
  .HMVEfbdvpS9eJrhVjbJb {
    iframe {
      height: unset;
    }
  }
}

.LkGJKUGEoz9tiCXvY4Om {
  width: 100%;
  background: var(--bgScreen);
}

.vAy3HHcm82VeKNz1Zh4g {
  position: relative;
  overflow: hidden;
}

.s9iwfDb7doi1BCmWmrJD {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.S82Ful99RyQszmlnZxuL {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 600ms ease-out;

  &[data-ready="true"] {
    opacity: 1;
  }

  video {
    /* Match the poster crop and retain the baked-in top fade. */
    object-position: center 25%;
  }
}

.i7kcUf8NjDRkrzn9rZgl {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 20px var(--space-400) var(--space-400);
}

.kuVb_e1yRInsdVGNwmbg {
  display: flex;
  align-items: center;
}

.yEx9BLF3hoHHdqtwX1Mi {
  width: 150px;
  height: 70px;
}

.yjjFMzGazUUDT3Thqebw {
  position: relative;
  width: 100%;
  aspect-ratio: 686 / 391;
}

.xu9ZabN0mfGozQO3t_tA {
  position: absolute;
  right: 7%;
  bottom: 5.1%;
  left: 7%;
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
}

.Eiyf4b41f3kUYfiyJeHM {
  height: 40px;
}

.cmGWSDTAKppRBrfrW31Q {
  display: flex;
  align-items: center;
  color: var(--textInversePrimary);
  font-family: Inter, sans-serif;
  font-weight: 500;
  white-space: nowrap;
}

.TfneE08x6DTjUHEnXUnB {
  display: flex;
}

.hXtfXj55nd0aLcqJncNd {
  margin: 0;
  color: var(--textDefaultPrimary);
  font-family: Inter, sans-serif;
  font-size: clamp(7px, 2.134vw, 8px);
  font-weight: 600;
  line-height: 12px;
  text-align: center;
}

.nbpiUpD6Yi8ysxYqRvpR {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.Ete698LtUIR9paAdsB2G {
  width: 100%;
  aspect-ratio: 1164 / 271;
}

.Eiyf4b41f3kUYfiyJeHM :focus-visible,
.nbpiUpD6Yi8ysxYqRvpR:focus-visible {
  outline: 2px solid var(--textDefaultPrimary);
  outline-offset: 3px;
}

.LkGJKUGEoz9tiCXvY4Om[data-layout="mobile"] {
  .vAy3HHcm82VeKNz1Zh4g {
    container-type: inline-size;
  }

  .s9iwfDb7doi1BCmWmrJD {
    /* Match the 750 × 1182 artwork to the hero width without cover cropping. */
    bottom: auto;
    aspect-ratio: 750 / 1182;
  }

  .yjjFMzGazUUDT3Thqebw,
  .Ete698LtUIR9paAdsB2G {
    /* Keep the 340px layout's card size when smaller screens reduce the gutters. */
    min-width: calc(340px - 2 * var(--space-400));
    align-self: center;
  }

  .kuVb_e1yRInsdVGNwmbg {
    /* Scale the 156px offer offset at 375px with the background artwork. */
    height: calc(41.6cqw - 20px - var(--space-100));
  }

  &[data-jurisdiction="AB"] {
    --halloween-logo-height: 70px;
    /* Reserve room for the header, navigation and full card, including on SE. */
    --halloween-offer-top: max(
      calc(var(--halloween-logo-height) + 20px + var(--space-100)),
      min(
        66.666667cqw,
        100svh - 192px - (max(340px, 100cqw) - 2 * var(--space-400)) * 391 / 686
      )
    );

    .kuVb_e1yRInsdVGNwmbg {
      height: calc(var(--halloween-offer-top) - 20px - var(--space-100));
    }
  }

  @media (min-width: 440px) and (max-width: 599px) {
    &[data-jurisdiction="AB"] {
      --halloween-logo-height: 18.666667cqw;
    }

    &[data-jurisdiction="AB"] .yEx9BLF3hoHHdqtwX1Mi {
      /* Keep the 150 × 70 logo proportional to the 375px Alberta artwork. */
      width: 40cqw;
      height: 18.666667cqw;
    }

    .yjjFMzGazUUDT3Thqebw {
      container-type: inline-size;
    }

    /* Scale the 343px-wide composition, including its 40px CTA and 24px disclaimer. */
    .xu9ZabN0mfGozQO3t_tA {
      top: 60%;
      bottom: auto;
      gap: 1.166181cqw;
    }

    .Eiyf4b41f3kUYfiyJeHM,
    .cmGWSDTAKppRBrfrW31Q {
      height: 11.661808cqw;
    }

    .cmGWSDTAKppRBrfrW31Q {
      gap: 2.332362cqw;
      font-size: 4.081633cqw;
      line-height: 5.830904cqw;
    }

    .TfneE08x6DTjUHEnXUnB {
      width: 4.664723cqw;
      height: 4.664723cqw;
    }

    .hXtfXj55nd0aLcqJncNd {
      font-size: 2.332362cqw;
      line-height: 3.498542cqw;
    }
  }

  @media (max-width: 439px) and (max-height: 620px) {
    &[data-jurisdiction="AB"] .s9iwfDb7doi1BCmWmrJD {
      /* Extend the existing wide scene behind the card's transparent edge. */
      height: calc(var(--halloween-offer-top) + var(--space-400));
      aspect-ratio: auto;
    }
  }

  @media (max-height: 620px) {
    /* Keep both offers above the navigation when browser chrome reduces height. */
    &[data-jurisdiction="ON"] .i7kcUf8NjDRkrzn9rZgl {
      padding-top: var(--space-200);
    }

    &[data-jurisdiction="ON"] .kuVb_e1yRInsdVGNwmbg {
      height: 72px;
    }
  }
}

.LkGJKUGEoz9tiCXvY4Om[data-layout="tablet"],
.LkGJKUGEoz9tiCXvY4Om[data-layout="desktop"] {
  .vAy3HHcm82VeKNz1Zh4g {
    container-type: inline-size;
  }

  .s9iwfDb7doi1BCmWmrJD::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    /* Figma's overlapping bottom fades span 46.6px at the 1280px design width. */
    height: 3.640719cqw;
    background:
      linear-gradient(to bottom, #12121200, var(--bgScreen)),
      linear-gradient(
        to bottom,
        #12121200 22.668%,
        var(--bgScreen) 131.196%
      );
  }
}

.LkGJKUGEoz9tiCXvY4Om[data-layout="tablet"] {
  .i7kcUf8NjDRkrzn9rZgl {
    width: clamp(320px, 50%, 460px);
    margin: 0 0 0 var(--space-600);
    padding: var(--space-400) 0;
    gap: var(--space-300);
  }

  .kuVb_e1yRInsdVGNwmbg {
    height: 70px;
    justify-content: center;
  }

  .hXtfXj55nd0aLcqJncNd {
    font-size: 10px;
    font-weight: 500;
  }
}

.LkGJKUGEoz9tiCXvY4Om[data-layout="desktop"] {
  .vAy3HHcm82VeKNz1Zh4g {
    /* Scale the 1280 × 525 Figma composition to the full desktop width. */
    width: 100%;
    aspect-ratio: 1280 / 525;
  }

  .i7kcUf8NjDRkrzn9rZgl {
    gap: 0.9375cqw;
    width: 45.46875%;
    margin: 0 0 0 3.125%;
    padding: 1.25cqw 0;
  }

  .kuVb_e1yRInsdVGNwmbg {
    justify-content: center;
  }

  .yEx9BLF3hoHHdqtwX1Mi {
    width: 12.8515625cqw;
    height: 6.015625cqw;
  }

  &[data-jurisdiction="AB"] .i7kcUf8NjDRkrzn9rZgl {
    padding-top: 8.125cqw;
  }

  .yjjFMzGazUUDT3Thqebw {
    aspect-ratio: 1164 / 470;
  }

  .xu9ZabN0mfGozQO3t_tA {
    top: 68.085106%;
    right: 5.498282%;
    bottom: auto;
    left: 5.498282%;
    gap: 0.3125cqw;
  }

  .Eiyf4b41f3kUYfiyJeHM,
  .cmGWSDTAKppRBrfrW31Q {
    height: 3.125cqw;
  }

  .cmGWSDTAKppRBrfrW31Q {
    gap: 0.3125cqw;
    font-size: 1.09375cqw;
    line-height: 1.25cqw;
  }

  .TfneE08x6DTjUHEnXUnB {
    width: 1.5625cqw;
    height: 1.5625cqw;
  }

  .hXtfXj55nd0aLcqJncNd {
    font-size: 0.78125cqw;
    font-weight: 500;
    line-height: 0.9375cqw;
  }
}


/*# sourceMappingURL=275.4470696d44dffe0637f1.css.map*/