/* Figma node 1398:8825 — editorial layout only. Pixel animation remains untouched. */
@media (min-width: 901px) {
  .home-why.why-pixel-section>.container{padding-inline:clamp(32px,3.25vw,52px)!important;box-sizing:border-box}
  .home-why.why-pixel-section .why-editorial-grid.why-editorial-grid {
    position: relative;
    display: block;
    width: 100%;
    color: #fff;
  }

  .home-why.why-pixel-section .why-editorial-head.why-editorial-head {
    display: block;
    max-width: none;
    margin: 0;
  }

  .home-why.why-pixel-section .why-editorial-head .eyebrow {
    margin: 0;
    color: #fff;
    font: 400 16px/1.219 "Montserrat", sans-serif;
    letter-spacing: 0;
    text-transform: none;
  }

  .home-why.why-pixel-section .why-editorial-head h2.why-display {
    max-width: none;
    margin: 0;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(72px, 8.58vw, 138px) !important;
    font-weight: 900 !important;
    line-height: 1.219 !important;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .home-why.why-pixel-section .why-editorial-head .why-subtitle {
    margin: 0;
    color: #ffd400;
    font: 300 clamp(28px, 2.5vw, 40px)/1.292 "IBM Plex Mono", monospace;
    letter-spacing: 0;
  }

  .home-why.why-pixel-section .why-editorial-head .why-signal {
    display: flex;
    align-items: center;
    width: 100%;
    height: 31px;
    gap: clamp(10px, 1.389vw, 20px);
    margin-top: 60px;
    overflow: hidden;
    color: #fff;
  }

  .home-why.why-pixel-section .why-signal .why-terminal {
    width: 24px;
    height: 24px;
    border-width: 2px;
  }

  .home-why.why-pixel-section .why-signal .why-bar,
  .home-why.why-pixel-section .why-signal .why-block,
  .home-why.why-pixel-section .why-signal b {
    height: 31px;
  }

  .home-why.why-pixel-section .why-signal .why-bar-wide { width: min(40.17vw, 646px) !important; }
  .home-why.why-pixel-section .why-signal .why-bar { width: min(9.86vw, 142px); }
  .home-why.why-pixel-section .why-signal .why-bar-short { width: min(5.07vw, 73px); }
  .home-why.why-pixel-section .why-signal .why-block { width: min(2.5vw, 36px); }
  .home-why.why-pixel-section .why-signal b { width: 4px; }
  .home-why.why-pixel-section .why-signal em { width: 31px; height: 31px; }

  .home-why.why-pixel-section .why-editorial-points.why-editorial-points {
    position: relative;
    display: block;
    min-height: min(54.65vw, 787px);
    margin-top: min(4.79vw, 69px);
    border: 0;
  }

  .home-why.why-pixel-section .why-editorial-points > .why-point {
    position: absolute;
    display: block;
    grid-template-columns: none;
    width: min(36.11vw, 520px);
    max-width: 520px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
  }

  .home-why.why-pixel-section .why-editorial-points > .why-point > span {
    display: block;
    height: .72em;
    margin: 0 0 10px;
    overflow: hidden;
    color: #fff;
    font: 500 clamp(30px, 2.65vw, 42px)/1.167 "Roboto", sans-serif !important;
    letter-spacing: 0;
  }

  .home-why.why-pixel-section .why-editorial-points > .why-point > h3 {
    max-width: 520px;
    margin: 0 0 10px;
    color: #fff;
    font: 400 clamp(30px, 2.75vw, 44px)/1.229 "Montserrat", sans-serif !important;
    letter-spacing: 0;
  }

  .home-why.why-pixel-section .why-editorial-points > .why-point > p {
    grid-column: auto;
    max-width: 520px;
    margin: 0;
    color: #fff;
    font: 400 clamp(15px, 1.667vw, 24px)/1.208 "Montserrat", sans-serif !important;
    letter-spacing: 0;
  }

  .home-why.why-pixel-section .why-editorial-points > .why-point-one { left: 0; top: 0; }
  .home-why.why-pixel-section .why-editorial-points > .why-point-two { left: 62.64%; top: min(6.875vw, 99px); }
  .home-why.why-pixel-section .why-editorial-points > .why-point-three { left: 13.89%; top: min(27.986vw, 403px); }

  .home-why.why-pixel-section .why-editorial-points > .why-cta {
    position: absolute;
    left: 62.64%;
    top: min(31.875vw, 459px);
    display: flex;
    align-items: flex-end;
    gap: 18px;
    color: #ffd400;
    font: 500 clamp(24px, 2.2vw, 35px)/1.289 "IBM Plex Mono", monospace;
    text-decoration: underline;
    text-underline-offset: 5px;
  }

  .home-why.why-pixel-section .why-editorial-points > .why-cta::before {content:attr(data-hand);width:min(16.04vw,231px);height:min(21.667vw,312px);background:url(/assets/home-why-hand.png) center/cover no-repeat;flex:none}
  .home-why.why-pixel-section .why-editorial-points > .why-cta svg {
    display:none!important;
    height: auto;
    flex: none;
  }
}

@media (max-width: 900px) {
  .home-why.why-pixel-section .why-editorial-head h2.why-display {
    max-width: none;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(42px, 11vw, 72px);
    font-weight: 900 !important;
    line-height: 1.05;
    letter-spacing: 0;
  }

  .home-why.why-pixel-section .why-editorial-points > div {
    display: block;
    width: 100%;
  }

  .home-why.why-pixel-section .why-editorial-points > .why-point > span {
    height: .72em;
    overflow: hidden;
    font-size: 30px !important;
  }

  .home-why.why-pixel-section .why-editorial-points > div > span,
  .home-why.why-pixel-section .why-editorial-points > div > h3,
  .home-why.why-pixel-section .why-editorial-points > div > p {
    grid-column: auto;
  }
}
@media (max-width: 900px) { .home-why.why-pixel-section .why-cta svg { display:none!important; } .home-why.why-pixel-section .why-cta::before { content:attr(data-hand); width:118px; height:160px; background:url(/assets/home-why-hand.png) center/cover no-repeat; flex:none; } }
.home-why.why-pixel-section .why-cta > span { font:inherit!important; color:inherit!important; letter-spacing:normal!important; text-decoration:underline!important; text-underline-offset:5px!important; order:1; } .home-why.why-pixel-section .why-cta::before { order:2; }
@media (min-width: 901px) { .home-why.why-pixel-section .why-editorial-points > .why-cta { width:min(34.6vw,498px); height:min(21.667vw,312px); display:block!important; font-size:clamp(24px,2.45vw,38px)!important; } .home-why.why-pixel-section .why-cta::before { position:absolute; right:0; top:0; } .home-why.why-pixel-section .why-cta > span { position:absolute; left:0; bottom:0; white-space:nowrap!important; flex:none; } }