/* Match the Employers page's monochrome city hero and shared editorial layout. */
.trifle-site .trifle-hero-contact { position: relative; isolation: isolate; overflow: hidden; background: #fff; padding-block: 75px; --trifle-hero-photo: url("london-gherkin.webp"); }
.trifle-hero-contact::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #fff 20%, #ffffffee 44%, #ffffff29 80%), var(--trifle-hero-photo) right 48% / cover no-repeat; filter: grayscale(1); }
.trifle-site .trifle-hero-contact h1 { max-width: 640px; }
.trifle-site .trifle-hero-contact p { max-width: 570px; }
.trifle-contact-actions { margin-bottom: 76px; }
.trifle-contact-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 80px); align-items: center; }
.trifle-contact-office { padding: 36px 40px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.trifle-site .trifle-contact-icon { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-bottom: 22px; border: 1px solid #e8ccda; border-radius: 50%; flex: 0 0 50px; background: #fff; }
.trifle-site .trifle-contact-icon .trifle-line-icon { width: 25px; height: 25px; color: #b81558; }
.trifle-site .trifle-contact-office h2 { font-size: 34px; margin-bottom: 18px; }
.trifle-site .trifle-contact-office address { font: normal 17px/1.8 Arial, Helvetica, sans-serif; color: var(--muted); margin: 0 0 22px; }
.trifle-site .trifle-contact-office .trifle-text-link { display: inline-flex; flex-wrap: wrap; gap: 9px; align-items: center; min-height: 44px; }
.trifle-contact-office .trifle-action-icon { width: 19px; height: 19px; color: inherit; }
.trifle-contact-method { display: flex; gap: 22px; padding-block: 34px; align-items: flex-start; }
.trifle-contact-method + .trifle-contact-method { border-top: 1px solid var(--line); }
.trifle-contact-method > div { min-width: 0; }
.trifle-site .trifle-contact-method .trifle-contact-icon { margin-bottom: 0; }
.trifle-site .trifle-contact-method h2 { font: 700 14px/1.5 Arial, Helvetica, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin: 0 0 9px; }
.trifle-site .trifle-contact-value { display: inline-block; padding-block: 4px; color: var(--navy); text-decoration: underline; text-decoration-color: #dcb9c8; text-decoration-thickness: 1px; text-underline-offset: 7px; overflow-wrap: anywhere; }
.trifle-site .trifle-contact-value:hover { color: #b81558; text-decoration-color: currentColor; }
.trifle-site .trifle-contact-phone { font: 34px/1.45 Georgia, 'Times New Roman', serif; letter-spacing: -.025em; }
.trifle-site .trifle-contact-email { font: 22px/1.65 Arial, Helvetica, sans-serif; }
.trifle-site .trifle-contact-faq { padding-block: 76px 0; }
.trifle-contact-faq .trifle-section-heading { margin-bottom: 30px; }
.trifle-contact-faq details a { color: #b81558; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .trifle-site .trifle-hero-contact h1 { max-width: 520px; }
  .trifle-contact-actions { margin-bottom: 54px; }
  .trifle-site .trifle-contact-faq { padding-top: 54px; }
}
@media (max-width: 850px) {
  .trifle-contact-layout { grid-template-columns: 1fr; gap: 12px; }
  .trifle-contact-office { padding: 30px; }
  .trifle-contact-method { padding-block: 28px; }
}
@media (max-width: 650px) {
  .trifle-site .trifle-hero-contact { padding-block: 45px; }
  .trifle-hero-contact::before { background: linear-gradient(90deg, #fffffffa, #ffffffc9), var(--trifle-hero-photo) center / cover no-repeat; }
}
@media (max-width: 600px) {
  .trifle-contact-actions { margin-bottom: 40px; }
  .trifle-contact-actions .trifle-button { width: 100%; justify-content: space-between; }
  .trifle-contact-office { padding: 26px; }
  .trifle-contact-method { gap: 16px; }
  .trifle-site .trifle-contact-method .trifle-contact-icon { width: 42px; height: 42px; flex-basis: 42px; }
  .trifle-site .trifle-contact-phone { font-size: 28px; }
  .trifle-site .trifle-contact-email { font-size: 18px; }
}