/* Build D — landing hero and offer card. */

.wire-hero { position: relative; width: var(--frame); max-width: var(--frame-max); height: 952px; margin: 0 auto; overflow: hidden; border-radius: 24px; background: var(--canvas); isolation: isolate; clip-path: inset(0 round 24px); will-change: transform; }
.wire-hero__haze { position: absolute; width: 2699.75px; height: 2391.71px; max-width: none; pointer-events: none; mix-blend-mode: multiply; transform: rotate(14.59deg); }
.wire-hero__haze_top { left: 580px; top: -1600px; }
.wire-hero__haze_bottom { left: 155px; top: 430px; }
.wire-hero__body { position: absolute; z-index: 2; top: 252px; left: 120px; width: 760px; }
.wire-hero__title { margin: 0; font-size: 80px; line-height: 1.17; font-weight: 600; letter-spacing: -.025em; }
.wire-hero__text { max-width: 740px; margin: 22px 0 0; font-size: 29px; line-height: 1.25; font-weight: 400; }
.wire-cta_hero { width: 250px; height: 56px; margin-top: 58px; font-size: 18px; }
.wire-hero__art { position: absolute; z-index: 1; top: 135px; left: 1298px; width: 420px; height: 630px; max-width: none; object-fit: cover; transform: rotate(6.55deg); pointer-events: none; }

.wire-card { position: absolute; z-index: 3; top: 150px; left: 890px; display: flex; flex-direction: column; width: 570px; height: 635px; padding: 41px 39px 45px; overflow: hidden; border: 1px solid rgba(222, 199, 191, .32); border-radius: 28px; background: var(--paper); }
.wire-card__label { margin: 0 0 32px; color: var(--accent); font-size: 18px; font-weight: 500; }
.wire-card__title { margin: 0; font-size: 40px; line-height: 1.15; font-weight: 600; letter-spacing: -.02em; }
.wire-card__text { margin: 38px 0 0; font-size: 22px; line-height: 1.25; }
.wire-cta_card { width: 260px; height: 56px; margin-top: auto; flex: 0 0 auto; font-size: 18px; }

@media (max-width: 1599px) and (min-width: 901px) {
  .wire-hero { width: calc(100% - 80px); height: min(952px, 59vw); min-height: 630px; }
  .wire-hero__body { top: 26.5%; left: 7%; width: 43%; }
  .wire-hero__title { font-size: clamp(46px, 4.16vw, 80px); }
  .wire-hero__text { font-size: clamp(19px, 1.5vw, 29px); }
  .wire-cta_hero { margin-top: 6%; }
  .wire-hero__art { top: 14%; left: 75.5%; width: 24.5%; height: 66%; }
  .wire-card { top: 15.8%; left: 51.7%; width: 33.2%; height: 66.7%; padding: 2.4% 2.3% 2.6%; border-radius: 24px; }
  .wire-card__label { margin-bottom: 6%; font-size: clamp(13px, 1vw, 18px); }
  .wire-card__title { font-size: clamp(27px, 2.08vw, 40px); }
  .wire-card__text { margin-top: 8%; font-size: clamp(16px, 1.15vw, 22px); }
}

@media (max-width: 900px) {
  .wire-hero { width: calc(100% - 32px); max-width: 600px; height: auto; min-height: 880px; margin-top: 12px; padding: 65px 24px 50px; border-radius: 18px; background: var(--canvas-m); clip-path: inset(0 round 18px); }
  .wire-hero__haze, .wire-hero__art { display: none; }
  .wire-hero__body { position: relative; top: auto; left: auto; width: 100%; }
  .wire-hero__title { font-size: 36px; line-height: 43px; letter-spacing: -.025em; }
  .wire-hero__text { max-width: 400px; margin-top: 60px; font-size: 18px; line-height: 1.25; }
  .wire-cta_hero { width: 215px; height: 46px; margin-top: 34px; font-size: 15px; }
  .wire-card { position: relative; top: auto; left: auto; width: calc(100% + 16px); min-height: 410px; height: auto; margin: 39px -8px 0; padding: 26px 20px 14px; border: 0; border-radius: 16px; background: #fff; }
  .wire-card__label { margin-bottom: 27px; font-size: 13px; }
  .wire-card__title { font-size: 30px; line-height: 1.18; }
  .wire-card__title br { display: none; }
  .wire-card__text { margin-top: 29px; font-size: 18px; line-height: 1.25; }
  .wire-cta_card { width: 220px; height: 46px; margin-top: auto; font-size: 15px; }
}

@media (max-width: 370px) {
  .wire-hero { padding: 55px 20px 40px; }
  .wire-hero__title { font-size: 32px; line-height: 1.18; }
  .wire-hero__text { margin-top: 46px; }
  .wire-card { width: calc(100% + 8px); margin-left: -4px; margin-right: -4px; }
  .wire-card__title { font-size: 27px; }
  .wire-card__text { font-size: 17px; }
}