
@font-face {
  font-family: 'Clash Display';
  src: url('https://cdn.fontshare.com/wf/VFMK2COV3DN37JR7JQ4CAOJPZ7KWKNY7/ODD5YJNDLHZZB2MIT3DPVH4EIHAMZ34D/BSY64LPTT3OPLVKAZKL3AHKRWZ3D74AC.woff2') format('woff2'),
       url('https://cdn.fontshare.com/wf/VFMK2COV3DN37JR7JQ4CAOJPZ7KWKNY7/ODD5YJNDLHZZB2MIT3DPVH4EIHAMZ34D/BSY64LPTT3OPLVKAZKL3AHKRWZ3D74AC.woff') format('woff'),
       url('https://cdn.fontshare.com/wf/VFMK2COV3DN37JR7JQ4CAOJPZ7KWKNY7/ODD5YJNDLHZZB2MIT3DPVH4EIHAMZ34D/BSY64LPTT3OPLVKAZKL3AHKRWZ3D74AC.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Clash Display';
  src: url('https://cdn.fontshare.com/wf/2GQIT54GKQY3JRFTSHS4ARTRNRQISSAA/3CIP5EBHRRHE5FVQU3VFROPUERNDSTDF/JTSL5QESUXATU47LCPUNHZQBDDIWDOSW.woff2') format('woff2'),
       url('https://cdn.fontshare.com/wf/2GQIT54GKQY3JRFTSHS4ARTRNRQISSAA/3CIP5EBHRRHE5FVQU3VFROPUERNDSTDF/JTSL5QESUXATU47LCPUNHZQBDDIWDOSW.woff') format('woff'),
       url('https://cdn.fontshare.com/wf/2GQIT54GKQY3JRFTSHS4ARTRNRQISSAA/3CIP5EBHRRHE5FVQU3VFROPUERNDSTDF/JTSL5QESUXATU47LCPUNHZQBDDIWDOSW.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Clash Display';
  src: url('https://cdn.fontshare.com/wf/FPDAZ2S6SW4QMSRIIKNNGTPM6VIXYMKO/5HNPQ453FRLIQWV2FNOBUU3FKTDZQVSG/Z3MGHFHX6DCTLQ55LJYRJ5MDCZPMFZU6.woff2') format('woff2'),
       url('https://cdn.fontshare.com/wf/FPDAZ2S6SW4QMSRIIKNNGTPM6VIXYMKO/5HNPQ453FRLIQWV2FNOBUU3FKTDZQVSG/Z3MGHFHX6DCTLQ55LJYRJ5MDCZPMFZU6.woff') format('woff'),
       url('https://cdn.fontshare.com/wf/FPDAZ2S6SW4QMSRIIKNNGTPM6VIXYMKO/5HNPQ453FRLIQWV2FNOBUU3FKTDZQVSG/Z3MGHFHX6DCTLQ55LJYRJ5MDCZPMFZU6.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Clash Display';
  src: url('https://cdn.fontshare.com/wf/BFBSY7LX5W2U2EROCLVVTQP4VS7S4PC3/IIUX4FGTMD2LK2VWD3RVTAS4SSMUN7B5/53RZKGODFYDW3QHTIL7IPOWTBCSUEZK7.woff2') format('woff2'),
       url('https://cdn.fontshare.com/wf/BFBSY7LX5W2U2EROCLVVTQP4VS7S4PC3/IIUX4FGTMD2LK2VWD3RVTAS4SSMUN7B5/53RZKGODFYDW3QHTIL7IPOWTBCSUEZK7.woff') format('woff'),
       url('https://cdn.fontshare.com/wf/BFBSY7LX5W2U2EROCLVVTQP4VS7S4PC3/IIUX4FGTMD2LK2VWD3RVTAS4SSMUN7B5/53RZKGODFYDW3QHTIL7IPOWTBCSUEZK7.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://cdn.fontshare.com/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff2') format('woff2'),
       url('https://cdn.fontshare.com/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff') format('woff'),
       url('https://cdn.fontshare.com/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://cdn.fontshare.com/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2') format('woff2'),
       url('https://cdn.fontshare.com/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff') format('woff'),
       url('https://cdn.fontshare.com/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://cdn.fontshare.com/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2') format('woff2'),
       url('https://cdn.fontshare.com/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff') format('woff'),
       url('https://cdn.fontshare.com/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

#josa-contact-content {
 --blue:#230a9a; --red:#ff0025; --cream:#f7efd9; --gutter:clamp(20px,4vw,48px);
 --font-display:"Clash Display","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
 --font-body:"Satoshi","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
 --font-mono:ui-monospace,"JetBrains Mono","Menlo",monospace;
 background:var(--cream); color:var(--blue); font-family:var(--font-body); width:100%; line-height:1.5;
}
#josa-contact-content *, #josa-contact-content *::before, #josa-contact-content *::after {box-sizing:border-box;}
#josa-contact-content h1, #josa-contact-content h2 {font-family:var(--font-display);color:inherit;padding:0;}
#josa-contact-content p {margin:0;padding:0;}
#josa-contact-content a {text-decoration:none;}
#josa-contact-content .contact-brief h2 {margin:0;}
#josa-contact-content a:focus-visible {outline:3px solid var(--red);outline-offset:5px;}
/* Contact page, matching the supplied three-box design. */
#josa-contact-content .contact-intro { max-width:1320px; margin:auto; padding:48px var(--gutter) 80px; }
#josa-contact-content .contact-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:34px; }
#josa-contact-content .contact-eyebrow { font-family:var(--font-mono); font-size:.875rem; letter-spacing:.12em; font-weight:500; }
#josa-contact-content #contact-title { font-family:var(--font-display); font-weight:600; font-size:clamp(2.6rem,5vw,4.5rem); letter-spacing:-.045em; line-height:1; margin:0; }
#josa-contact-content .contact-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
#josa-contact-content .contact-card { display:flex; flex-direction:column; justify-content:space-between; position:relative; padding:46px 42px 48px; min-height:390px; gap:36px; background:#fff; color:var(--blue); border:1px solid #ded7f5; border-top:6px solid var(--red); border-radius:32px; box-shadow:0 20px 48px rgba(35,10,154,.065); transition:transform 250ms ease,box-shadow 250ms ease,background 250ms ease; }
#josa-contact-content .contact-card__num { color:var(--red); font-family:var(--font-mono); font-size:1rem; font-weight:700; letter-spacing:.08em; }
#josa-contact-content .contact-card h2 { font-family:var(--font-display); font-size:clamp(1.8rem,3vw,2.65rem); line-height:1.02; letter-spacing:-.035em; font-weight:700; margin:0; min-height:2.04em; display:block; }
#josa-contact-content .contact-card__email { font-size:clamp(1.05rem,1.65vw,1.6rem); line-height:1.45; font-weight:700; letter-spacing:-.015em; overflow-wrap:anywhere; }
#josa-contact-content .contact-card__arrow { position:absolute; top:39px; right:34px; font-size:1.6rem; opacity:0; transform:translate(-4px,4px); transition:opacity .2s,transform .2s; }
#josa-contact-content .contact-card:hover, #josa-contact-content .contact-card:focus-visible { transform:translateY(-6px); box-shadow:0 26px 55px rgba(35,10,154,.13); background:#fffdf7; }
#josa-contact-content .contact-card:hover .contact-card__arrow, #josa-contact-content .contact-card:focus-visible .contact-card__arrow { opacity:1; transform:translate(0,0); }
#josa-contact-content .contact-brief { background:var(--blue); color:var(--cream); padding:clamp(48px,7vw,90px) var(--gutter); position:relative; }
#josa-contact-content .contact-brief__inner { max-width:1256px; margin:auto; display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(32px,7vw,110px); position:relative; z-index:4; }
#josa-contact-content .contact-brief .contact-eyebrow { color:var(--cream); margin-bottom:24px; }
#josa-contact-content .contact-brief h2 { font-size:clamp(2.2rem,4.5vw,4.5rem); font-weight:600; letter-spacing:-.045em; line-height:1.02; }
#josa-contact-content .contact-brief__copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:20px; }
#josa-contact-content .contact-brief__copy p { font-size:clamp(1rem,1.6vw,1.25rem); line-height:1.65; }
#josa-contact-content .contact-brief__link { color:var(--cream); display:inline-flex; gap:32px; padding:10px 0; border-bottom:1px solid rgba(247,239,217,.65); font-weight:700; }
#josa-contact-content .contact-brief__link:hover { border-color:var(--red); }





@media(max-width:1000px) { #josa-contact-content .contact-cards { gap:20px; } #josa-contact-content .contact-card { padding:32px 24px; min-height:345px; } }
@media(max-width:760px) {
 #josa-contact-content .contact-intro { padding-top:36px; padding-bottom:48px; }
 #josa-contact-content .contact-heading { align-items:flex-start; flex-direction:column; gap:18px; }
 #josa-contact-content .contact-cards { grid-template-columns:1fr; }
 #josa-contact-content .contact-card { min-height:280px; padding:32px; gap:28px; }
 #josa-contact-content .contact-card h2 { font-size:2.15rem; }
 #josa-contact-content .contact-card__email { font-size:1.4rem; }
 #josa-contact-content .contact-card__arrow { opacity:1; transform:none; }
 #josa-contact-content .contact-brief__inner { grid-template-columns:1fr; }
 
 
}

@media(prefers-reduced-motion:reduce) {
 #josa-contact-content *, #josa-contact-content *::before, #josa-contact-content *::after {transition:none !important;animation:none !important;}
 #josa-contact-content .contact-card:hover, #josa-contact-content .contact-card:focus-visible {transform:none;}
}


/* Fit the actual WordPress content column, independent of theme font sizing. */
#josa-contact-content {container-type:inline-size;font-size:16px;min-width:0;}
#josa-contact-content .contact-intro {padding:40px 24px 56px;}
#josa-contact-content .contact-heading {flex-wrap:wrap;gap:20px;}
#josa-contact-content #contact-title {font-size:clamp(36px,7cqi,64px);line-height:1.05;}
#josa-contact-content .contact-eyebrow {font-size:13px;}
#josa-contact-content .contact-cards {grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;}
#josa-contact-content .contact-card {min-width:0;min-height:340px;padding:32px 28px;gap:28px;border-radius:28px;}
#josa-contact-content .contact-card h2 {font-size:30px !important;line-height:1.08 !important;letter-spacing:-.025em;min-height:65px;overflow-wrap:normal;word-break:normal;}
#josa-contact-content .contact-card__num {font-size:15px;}
#josa-contact-content .contact-card__email {font-size:20px !important;line-height:1.45;letter-spacing:0;word-break:normal;overflow-wrap:normal;}
#josa-contact-content .contact-card__email span {display:inline-block;white-space:nowrap;}
#josa-contact-content .contact-card__arrow {font-size:24px;top:26px;right:24px;}
#josa-contact-content .contact-brief {padding:48px 24px;}
#josa-contact-content .contact-brief__inner {grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:32px;}
#josa-contact-content .contact-brief h2 {font-size:clamp(32px,5cqi,56px);}
#josa-contact-content .contact-brief__copy p {font-size:18px;}
#josa-contact-content .contact-brief__link {font-size:18px;}
@container (max-width:360px) {
 #josa-contact-content .contact-intro {padding-left:16px;padding-right:16px;}
 #josa-contact-content .contact-card {padding:28px 20px;}
 #josa-contact-content .contact-card__email {font-size:18px !important;}
}

