/* /talk-to-us · page scoped CSS (prefix pg-talk-to-us-). The address in the hero, the "Start with the situation" plate in the hero
   aside, the draft composer (fields, the draft preview) and the spacing between shared blocks. Nothing here restyles a cy- class
   except through a pg-talk-to-us- parent. Radii from DS 5.4: fields 10, the plate and the preview square (read). Weights 400/500. */

/* ------------------------------------------------------------------ hero: the address as the one big action */
.pg-talk-to-us-mail{margin-top:32px}
.pg-talk-to-us-address,.pg-talk-to-us-address:hover{display:inline-flex;align-items:baseline;gap:14px;font-family:var(--font-display);font-size:clamp(30px,3.1vw,44px);
  font-weight:500;letter-spacing:-.035em;line-height:1.1;color:var(--s-ink);text-decoration:none}
.pg-talk-to-us-address__t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:var(--s-ink-3)}
.pg-talk-to-us-address .cy-link__arrow{font-family:var(--font-body);font-size:.62em;transition:transform 180ms var(--ease-out)}
@media (any-hover:hover){
  .pg-talk-to-us-address:hover{color:#2757C9}
  .pg-talk-to-us-address:hover .pg-talk-to-us-address__t{text-decoration-color:#2757C9}
  .pg-talk-to-us-address:hover .cy-link__arrow{transform:translateX(3px)}
}
.pg-talk-to-us-address:focus-visible{outline:3px solid #2757C9;outline-offset:4px}
.pg-talk-to-us-mail+.cy-phero__meta{margin-top:28px}

/* hero aside: the three things to bring, on the raised ground */
.pg-talk-to-us-sit{box-sizing:border-box;padding:30px 32px 32px;background:var(--s-raised)}
.pg-talk-to-us-sit__t{font-family:var(--font-display);font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1.1;color:var(--s-ink)}
.pg-talk-to-us-sit__list{margin:22px 0 0}
.pg-talk-to-us-sit__list>div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:16px;align-items:baseline;padding:14px 0;border-top:1px solid var(--pg-rule)}
.pg-talk-to-us-sit__list dt{font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-2)}
.pg-talk-to-us-sit__list dd{margin:0;font-size:17px;line-height:1.45;color:var(--s-ink)}
.pg-talk-to-us-sit__note{padding-top:16px;border-top:1px solid var(--pg-rule);font-size:15px;line-height:1.5;color:var(--s-ink-2)}
@media (max-width:1019px){.pg-talk-to-us-sit{margin-top:40px}}
@media (max-width:767px){
  .pg-talk-to-us-sit{padding:24px 20px 26px}
  .pg-talk-to-us-sit__t{font-size:24px}
  .pg-talk-to-us-sit__list>div{grid-template-columns:minmax(0,1fr);row-gap:4px}
}

/* ------------------------------------------------------------------ the composer: head cols 1 to 5, the form cols 7 to 12 */
.pg-talk-to-us-write .cy-shead.pg-talk-to-us-write__head{grid-column:1/span 5;align-self:start;margin-bottom:0}
.pg-talk-to-us-write__head>.cy-shead__lead{grid-column:1/-1}
.pg-talk-to-us-fine{grid-column:1/-1;margin-top:20px;font-size:15px;line-height:1.5;color:var(--s-ink-3)}
.pg-talk-to-us-compose{grid-column:7/span 6;min-width:0}
@media (min-width:1020px){.pg-talk-to-us-write__head{position:sticky;top:calc(var(--pg-header) + 32px)}}
@media (max-width:1019px){
  .pg-talk-to-us-write .cy-shead.pg-talk-to-us-write__head{grid-column:1/-1;margin-bottom:var(--pg-title-gap)}
  .pg-talk-to-us-write__head>.cy-shead__lead{grid-column:1/span 7}
  .pg-talk-to-us-compose{grid-column:1/-1;max-width:720px}
}
@media (max-width:899px){.pg-talk-to-us-write__head>.cy-shead__lead{grid-column:1/-1}}

/* no JS: one plain line and the mail link */
.pg-talk-to-us-fallback{padding:28px 32px 32px;box-shadow:inset 0 0 0 1px var(--pg-rule)}
.pg-talk-to-us-fallback__p{margin-bottom:20px;font-size:17px;line-height:1.5;color:var(--s-ink)}

/* fields */
.pg-talk-to-us-form{display:grid;gap:20px}
.pg-talk-to-us-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:599px){.pg-talk-to-us-row{grid-template-columns:minmax(0,1fr)}}
.pg-talk-to-us-field{display:grid;gap:8px;min-width:0}
.pg-talk-to-us-label{font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-2)}
.pg-talk-to-us-input{box-sizing:border-box;width:100%;min-width:0;height:48px;padding:0 16px;border:0;border-radius:10px;background:var(--s-raised);
  box-shadow:inset 0 0 0 1px var(--s-line);font-family:var(--font-body);font-size:16px;line-height:1.4;color:var(--s-ink)}
.pg-talk-to-us-input::placeholder{color:var(--s-ink-3)}
.pg-talk-to-us-input:focus-visible{outline:3px solid #2757C9;outline-offset:2px}
.pg-talk-to-us-area{height:auto;min-height:176px;padding:13px 16px;resize:vertical}
.pg-talk-to-us-select{position:relative;display:block}
.pg-talk-to-us-select::after{content:"";position:absolute;right:18px;top:50%;box-sizing:border-box;width:7px;height:7px;margin-top:-5px;border-right:1.5px solid var(--s-ink-2);
  border-bottom:1.5px solid var(--s-ink-2);transform:rotate(45deg);pointer-events:none}
.pg-talk-to-us-select select{-webkit-appearance:none;appearance:none;padding-right:44px;cursor:pointer}
.pg-talk-to-us-hint{margin-top:-8px;font-size:15px;line-height:1.5;color:var(--s-ink-3)}
.pg-talk-to-us-go{margin-top:4px}

/* the draft, shown after "Prepare email draft" (page.js) */
.pg-talk-to-us-result{margin-top:12px;padding-top:28px;border-top:1px solid var(--pg-rule)}
.pg-talk-to-us-result__t{font-family:var(--font-body);font-size:20px;font-weight:500;line-height:1.3;color:var(--s-ink)}
.pg-talk-to-us-result__t:focus{outline:none}
.pg-talk-to-us-result__d{margin-top:8px;font-size:16px;line-height:1.5;color:var(--s-ink-2)}
.pg-talk-to-us-preview{box-sizing:border-box;max-height:320px;margin:20px 0 0;padding:20px 22px;overflow:auto;background:var(--s-raised);box-shadow:inset 0 0 0 1px var(--pg-rule);
  font-family:var(--font-mono);font-size:14px;line-height:1.6;color:var(--s-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.pg-talk-to-us-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:20px}
.pg-talk-to-us-copied{font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-2)}
@media (max-width:519px){.pg-talk-to-us-actions .cy-btn{width:100%}}