.contact-page{background:#faf9f4;color:var(--patch-blue)}
.contact-page .blurry-shared-nav .nav__logo img{display:block;width:16rem;height:auto;max-height:100%;object-fit:contain}
.contact-page .blurry-shared-nav .button{min-height:0}
.contact-page .blurry-shared-nav .nav__menuBg{z-index:1}
.contact-page .blurry-shared-nav .nav__menu{z-index:2;background:#fff;border-radius:.5rem}
.contact-page .blurry-shared-nav .nav__bar{z-index:3}
.contact-page #main{background-color:#faf9f4;background-image:linear-gradient(#6a56cf24 1px,transparent 1px),linear-gradient(90deg,#6a56cf24 1px,transparent 1px);background-size:6.25vw 6.25vw}
.contact-page #main>.contact-hero{min-height:100vh;padding:155px 7vw 95px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:7vw;align-items:start}
.contact-intro{padding-top:38px;position:sticky;top:110px}
.contact-kicker,.contact-card-label{margin:0 0 24px;font:800 16px/1 var(--patch-display);letter-spacing:.08em;text-transform:uppercase}
.contact-intro h1{margin:0;font:800 clamp(82px,8.25vw,142px)/.86 var(--patch-display);letter-spacing:.01em;color:#6a56cf}
.contact-lead{max-width:490px;margin:54px 0 25px;font-size:23px;line-height:1.45}
.contact-email{display:inline-block;font-size:18px;border-bottom:1px solid currentColor;padding-bottom:4px}
.contact-card{background:#fff;border:1px solid #6a56cf;border-radius:5px;padding:46px 52px 50px;box-shadow:0 14px 34px #30264c0a}
.contact-card-label{padding-bottom:20px;border-bottom:1px solid #6a56cf55;color:#6a56cf}
.contact-card h2{margin:34px 0 20px;font:800 clamp(38px,3.4vw,60px)/.95 var(--patch-display);letter-spacing:.015em;color:#6a56cf;max-width:860px}
.contact-card>h2:first-child{margin-top:0}
.contact-card>p:not(.contact-card-label){max-width:710px;font-size:19px;line-height:1.5;margin:0 0 38px}
.contact-form{display:grid;gap:22px}
.contact-package{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid #6a56cf;background:#f3f0ff;color:#30264c}
.contact-package[hidden]{display:none}
.contact-package span{font:800 13px/1 var(--patch-display);letter-spacing:.06em;text-transform:uppercase;color:#6a56cf}
.contact-package strong{font:800 18px/1.1 var(--patch-display);text-align:right;text-transform:uppercase}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:grid;gap:8px;font:800 17px/1.1 var(--patch-display);text-transform:uppercase;letter-spacing:.035em}
.contact-form label>span{font:400 13px/1 Arial,sans-serif;text-transform:none;letter-spacing:0}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;border:1px solid #6a56cf;background:#faf9f4;color:#30264c;border-radius:3px;padding:14px 15px;min-height:52px;font:16px/1.35 Arial,sans-serif;box-shadow:none}
.contact-form textarea{resize:vertical;min-height:140px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#746d80;opacity:1}
.contact-form .contact-submit{justify-self:start;margin-top:4px;font-size:21px;padding:15px 28px;min-height:56px}
.contact-note{margin:0;font-size:13px;line-height:1.45;color:#655e70}
.contact-result{border-top:1px solid #6a56cf;padding-top:20px}
.contact-result p{margin:0 0 12px}
.contact-result>a,.contact-result>button{display:inline-flex;margin:0 10px 10px 0}
.contact-result>button{min-height:46px;padding:9px 16px;background:#fff;border:1px solid #6a56cf;border-radius:4px;color:#30264c;font:800 18px var(--patch-display);text-transform:uppercase}
.contact-page .replica-footer{margin-top:0}

@media(max-width:900px){
  .contact-page #main{background-size:72px 72px}
  .contact-page #main>.contact-hero{grid-template-columns:1fr;padding:130px 28px 70px;gap:55px}
  .contact-intro{position:static;padding-top:18px}
  .contact-intro h1{font-size:clamp(76px,18vw,120px)}
  .contact-lead{margin-top:34px;font-size:20px}
  .contact-card{padding:34px 30px 38px}
  .contact-card h2{font-size:clamp(42px,9vw,62px)}
}

@media(max-width:800px){
  html.blurry-builds{font-size:10px}
}

@media(max-width:700px){
  .contact-page .blurry-shared-nav .nav__logo img{width:12.4rem}
  .contact-page #main>.contact-hero{padding:116px 17px 54px;gap:42px}
  .contact-kicker{font-size:14px;margin-bottom:18px}
  .contact-intro h1{font-size:19vw}
  .contact-lead{font-size:18px;margin:30px 0 20px;max-width:340px}
  .contact-email{font-size:16px}
  .contact-card{padding:28px 20px 30px}
  .contact-card-label{font-size:14px;margin-bottom:22px}
  .contact-card h2{font-size:12vw;margin:26px 0 18px}
  .contact-card>p:not(.contact-card-label){font-size:17px;margin-bottom:30px}
  .contact-form-row{grid-template-columns:1fr}
  .contact-form{gap:18px}
  .contact-form label{font-size:16px}
  .contact-package{align-items:flex-start;flex-direction:column;gap:7px}
  .contact-package strong{text-align:left}
  .contact-form .contact-submit{width:100%;justify-content:center}
}

@media(max-width:390px){
  .contact-page #main>.contact-hero{padding-left:12px;padding-right:12px}
  .contact-card{padding:24px 16px 28px}
}