/* Build 0042 — About Us + Contact Us, restrained Relay Radio design.
 * Scoped to the two exact public info routes. WooCommerce unaffected. */
body.relay-store-theme.relay-info-about .relay-about-page,
body.relay-store-theme.relay-info-contact .relay-contact-page-intro {
  color: #e6f2ff;
}
body.relay-store-theme.relay-info-about .main-content,
body.relay-store-theme.relay-info-contact .main-content {
  color: #cfdfef;
}
body.relay-info-about .relay-about-page {
  width: 100%;
  max-width: 1150px;
  margin: 18px auto 62px;
  padding: 0 10px;
  box-sizing: border-box;
}
body.relay-info-about .relay-about-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1.18fr) minmax(245px,.82fr);
  align-items: center;
  gap: 16px;
  isolation: isolate;
  overflow: hidden;
  min-height: 370px;
  border: 1px solid rgba(40,186,225,.32);
  border-radius: 20px;
  background: radial-gradient(circle at 80% 34%, rgba(111,44,179,.35), transparent 42%), linear-gradient(120deg,#0a2135,#0e182e 62%,#12112b);
  box-shadow: 0 25px 65px rgba(0,0,0,.22);
}
body.relay-info-about .relay-about-hero:before,
body.relay-info-about .relay-about-contact-strip:before {
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#0dc5eb,#7451e8,#e24ba9,#f3982a);z-index:3;
}
body.relay-info-about .relay-about-hero__copy { position: relative; z-index:2; padding: 38px 0 38px clamp(24px,4vw,48px); }
body.relay-info-about .relay-about-eyebrow { display:inline-flex;align-items:center;gap:9px; color:#6be7ff; font-weight:850; font-size:.72rem; letter-spacing:.115em; text-transform:uppercase; }
body.relay-info-about .relay-about-dot {height:8px;width:8px;border-radius:50%;background:#4ee2c0;box-shadow:0 0 0 4px rgba(78,226,192,.14);}
body.relay-info-about .relay-about-page :is(h1,h2,h3) { color:#f8faff; }
body.relay-info-about .relay-about-hero h1 {font-size:clamp(2rem,3.7vw,3rem);line-height:1.1;letter-spacing:-.04em;margin:14px 0 19px;font-weight:900;}
body.relay-info-about .relay-about-hero h1 span {background:linear-gradient(100deg,#59d9ff 0%,#b98cff 58%,#ff9d44 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
body.relay-info-about .relay-about-page p {font-size:.96rem;line-height:1.72;color:#bbcee1;}
body.relay-info-about .relay-about-hero p {margin:0 0 12px;max-width:590px;}
body.relay-info-about .relay-about-hero__art { height:100%;min-height:320px;align-self:stretch;position:relative;display:flex;align-items:end;justify-content:center;overflow:hidden;}
body.relay-info-about .relay-about-hero__art:before {content:"";position:absolute;inset:12% 5% 0;background:radial-gradient(ellipse at 54% 58%,rgba(0,187,249,.23),transparent 66%);}
body.relay-info-about .relay-about-hero__art img {display:block;position:relative;z-index:1;max-width:112%;max-height:410px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 36px rgba(0,0,0,.4));}
body.relay-info-about .relay-about-actions {display:flex;flex-wrap:wrap;gap:11px;margin-top:22px;}
body.relay-info-about .relay-about-btn {display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:43px;padding:11px 19px;border:1px solid rgba(77,172,224,.34);border-radius:11px;background:rgba(15,38,61,.78);color:#f8fbff!important;font-size:.85rem;font-weight:820;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;}
body.relay-info-about .relay-about-btn:hover,body.relay-info-about .relay-about-btn:focus-visible {border-color:#6eddf8;transform:translateY(-2px);}
body.relay-info-about .relay-about-btn--primary {background:linear-gradient(115deg,#128fc0,#6a4dde);box-shadow:0 8px 20px rgba(16,99,202,.2);}
body.relay-info-about .relay-about-heading{text-align:center;margin:39px auto 22px;max-width:710px;}
body.relay-info-about .relay-about-heading h2 {font-size:clamp(1.4rem,2.2vw,1.95rem);margin:10px 0 8px;letter-spacing:-.02em;}
body.relay-info-about .relay-about-heading p {margin:0;color:#93adc3;}
body.relay-info-about .relay-about-card-grid,body.relay-info-about .relay-about-voices {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
body.relay-info-about .relay-about-card,body.relay-info-about .relay-about-voices article {padding:22px 20px;border-radius:16px;border:1px solid rgba(56,124,169,.35);background:linear-gradient(160deg,#11253a,#0b1728);box-shadow:0 12px 30px rgba(0,0,0,.15);}
body.relay-info-about .relay-about-card--purple {border-color:rgba(128,90,227,.42);}
body.relay-info-about .relay-about-card--orange {border-color:rgba(232,143,51,.36);}
body.relay-info-about .relay-about-card__icon {display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(18,143,202,.16);color:#4ed5fc;font-weight:800;font-size:1.35rem;}
body.relay-info-about .relay-about-card h3 {font-size:1.09rem;line-height:1.35;margin:14px 0 8px;}
body.relay-info-about .relay-about-card p,body.relay-info-about .relay-about-voices p {font-size:.89rem;line-height:1.7;margin:0;}
body.relay-info-about .relay-about-voices article{background:linear-gradient(165deg,#121d33,#0b1526);border-color:rgba(100,87,170,.34);}
body.relay-info-about .relay-about-voices article>span {font-family:Georgia,serif;font-size:3.2rem;line-height:.72;color:#a873fc;display:block;}
body.relay-info-about .relay-about-voices h3 {font-size:1rem;line-height:1.4;margin:17px 0 9px;}
body.relay-info-about .relay-about-contact-strip {margin:33px 0 0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:17px;padding:23px 26px;border:1px solid rgba(68,152,198,.32);background:linear-gradient(120deg,#0b2435,#101730);}
body.relay-info-about .relay-about-contact-strip h2 {font-size:1.3rem;margin:8px 0 2px;}
body.relay-info-about .relay-about-contact-strip p {font-size:.86rem;margin:0;}
body.relay-info-about .relay-about-contact-strip .relay-about-btn {flex-shrink:0;}
/* Remove ONLY a separate legacy About demo cover if the page builder emitted it outside the_content. */
body.relay-info-about .relay-legacy-about-cover-0042 {display:none!important;}
/* CONTACT */
body.relay-info-contact .relay-contact-page-intro {
  width:100%;margin:12px auto 22px;position:relative;overflow:hidden;border-radius:17px;padding:24px 27px;
  border:1px solid rgba(43,166,215,.35);
  background:radial-gradient(circle at 94% 15%,rgba(120,62,211,.18),transparent 42%),linear-gradient(115deg,#102538,#101729);
  box-shadow:0 12px 33px rgba(0,0,0,.14);
}
body.relay-info-contact .relay-contact-page-intro:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#04b9ea,#7559e2,#f59d36);}
body.relay-info-contact .relay-contact-page-intro__eyebrow {font-size:.72rem;letter-spacing:.12em;color:#65deff;text-transform:uppercase;font-weight:850;}
body.relay-info-contact .relay-contact-page-intro h1 {font-weight:900;letter-spacing:-.035em;color:#fff;font-size:clamp(1.6rem,2.6vw,2.15rem);margin:8px 0;}
body.relay-info-contact .relay-contact-page-intro p {font-size:.93rem;line-height:1.65;color:#b9cddd;margin:0;max-width:660px;}
body.relay-info-contact .relay-contact-form-card,
body.relay-info-contact .relay-contact-support-column {background:linear-gradient(165deg,#12243a,#0b1627);border:1px solid rgba(66,143,186,.29);border-radius:16px;padding:20px!important;box-shadow:0 12px 27px rgba(0,0,0,.13);}
body.relay-info-contact .relay-contact-form-card h2,
body.relay-info-contact .relay-contact-form-card h3 {color:#f3faff;font-size:1.15rem;}
body.relay-info-contact .relay-contact-support-column {border-color:rgba(112,87,192,.38);}
body.relay-info-contact .relay-contact-support-column .relay-contact-support-card {margin:0;background:transparent!important;color:#d6e7f7;padding:0!important;border:0!important;}
body.relay-info-contact .relay-contact-support-card h2 {color:#fff;font-size:1.3rem;margin:8px 0 12px;}
body.relay-info-contact .relay-contact-support-card h3 {color:#9ce6fd;font-size:.83rem;margin:20px 0 7px;text-transform:uppercase;letter-spacing:.055em;}
body.relay-info-contact .relay-contact-support-card p {font-size:.91rem;line-height:1.65;color:#aebfd3;margin:0;}
body.relay-info-contact .relay-contact-support-card a {color:#75dafa;text-decoration:none;overflow-wrap:anywhere;}
body.relay-info-contact .relay-contact-support-card a:hover {color:#fff;text-decoration:underline;}
body.relay-info-contact .relay-contact-support-links {display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0;}
body.relay-info-contact .relay-contact-support-links a {display:inline-block;padding:9px 13px;border:1px solid rgba(46,169,218,.35);background:rgba(16,64,92,.42);border-radius:10px;color:#d7f2ff;font-size:.82rem;font-weight:780;}
body.relay-info-contact .relay-contact-support-links a:hover {text-decoration:none;background:#164265;}
body.relay-info-contact .main-content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea,select) {
  background:#091625!important;color:#f4faff!important;border:1px solid #23425f!important;border-radius:10px!important;min-height:43px;box-shadow:none!important;
}
body.relay-info-contact .main-content :is(input,textarea,select):focus {border-color:#2dcbf5!important;outline:2px solid rgba(30,191,241,.13)!important;}
body.relay-info-contact .main-content textarea {min-height:150px;}
body.relay-info-contact .main-content :is(label, .wpcf7-form-control-wrap) {color:#d9e8f7;}
body.relay-info-contact .main-content :is(button[type="submit"],input[type="submit"]){background:linear-gradient(110deg,#168fc6,#6c4de1)!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:12px 23px!important;font-weight:850!important;}
body.relay-info-contact .main-content :is(button[type="submit"],input[type="submit"]):hover{filter:brightness(1.1);}
body.relay-info-contact .main-content :is(.wpcf7-response-output,.elementor-message){border-radius:10px;padding:12px;color:#e6f2ff;}
@media (max-width:900px){
 body.relay-info-about .relay-about-hero{grid-template-columns:minmax(0,1fr) 235px;}
 body.relay-info-about .relay-about-hero__copy{padding-left:24px;}
 body.relay-info-about .relay-about-hero__art img{max-height:330px;}
}
@media (max-width:720px){
 body.relay-info-about .relay-about-page{padding:0 4px;}
 body.relay-info-about .relay-about-hero{display:flex;flex-direction:column;min-height:0;gap:0;}
 body.relay-info-about .relay-about-hero__copy{padding:24px 20px 0;}
 body.relay-info-about .relay-about-hero__art{height:250px;min-height:0;width:100%;}
 body.relay-info-about .relay-about-hero__art img{max-height:275px;}
 body.relay-info-about .relay-about-card-grid,body.relay-info-about .relay-about-voices{grid-template-columns:1fr;}
 body.relay-info-about .relay-about-contact-strip{flex-direction:column;align-items:stretch;}
 body.relay-info-contact .relay-contact-page-intro{padding:21px 18px;}
 body.relay-info-contact .relay-contact-form-card,body.relay-info-contact .relay-contact-support-column{padding:17px!important;}
}
@media (prefers-reduced-motion:reduce){body.relay-info-about .relay-about-btn{transition:none;}}
/* Keep the original Elementor/WPBakery contact columns responsive when
   the legacy page builder saved desktop column widths as inline styles. */
@media (max-width: 767px) {
  body.relay-info-contact .main-content .elementor-container:has(> .relay-contact-form-card),
  body.relay-info-contact .main-content .vc_row:has(> .relay-contact-form-card),
  body.relay-info-contact .main-content .row:has(> .relay-contact-form-card) {
    display: flex!important;
    flex-direction: column!important;
    gap: 16px!important;
  }
  body.relay-info-contact .main-content .relay-contact-form-card,
  body.relay-info-contact .main-content .relay-contact-support-column {
    flex: none!important;
    width: 100%!important;
    max-width: 100%!important;
    min-width: 0!important;
    box-sizing: border-box!important;
  }
  body.relay-info-contact .main-content :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
    max-width:100%;box-sizing:border-box;
  }
}
body.relay-info-contact .relay-contact-page-intro {box-sizing:border-box;max-width:100%;}