:root { --ink:#06274a; --blue:#0065a9; --aqua:#00a9d8; --mist:#eff8fb; --line:#d8e4ea; --paper:#fff; --muted:#567086; --heading:'Bricolage Grotesque', Arial, sans-serif; --body:Futura, 'Trebuchet MS', Arial, sans-serif; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font:15px/1.55 var(--body); } a { color:inherit; text-decoration:none; } .topline { padding:7px 5%; color:#dff9ff; background:var(--ink); text-align:center; font-size:.76rem; letter-spacing:.07em; text-transform:uppercase; } .site-header { min-height:88px; padding:14px 5%; display:flex; align-items:center; gap:35px; border-bottom:1px solid var(--line); } .brand { display:flex; align-items:center; gap:10px; flex-shrink:0; font-size:.87rem; line-height:1.05; letter-spacing:-.02em; }.brand-mark { display:inline-grid; width:38px; height:38px; place-items:center; color:white; background:linear-gradient(135deg,#02b6e6,#005094); border-radius:50% 50% 50% 8px; font:bold .82rem Arial; }.brand b { font-size:1.08rem; } nav { margin-left:auto; display:flex; gap:20px; font-size:.86rem; font-weight:bold; } nav a:hover,.text-link:hover { color:var(--aqua); }.header-actions { display:flex; align-items:center; gap:15px; font-size:.86rem; white-space:nowrap; }.button { display:inline-block; padding:12px 18px; background:var(--blue); color:white; font-weight:bold; font-size:.83rem; letter-spacing:.02em; }.button:hover { background:var(--ink); }.button.small { padding:9px 13px; }.button.light { background:white; color:var(--ink); }.ad-slot { width:min(728px,90%); min-height:58px; margin:25px auto; display:grid; place-items:center; border:1px dashed #b5c9d3; color:#6a8190; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }.hero { position:relative; overflow:hidden; min-height:510px; padding:91px calc(5% + 330px) 75px 10%; color:white; background:radial-gradient(circle at 23% 15%,#22c3eb 0, #008ac5 25%,#0065a9 54%,#052c5e 100%); }.hero:after { content:''; position:absolute; width:650px; height:650px; right:-210px; bottom:-440px; border:1px solid rgba(255,255,255,.25); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.06),0 0 0 140px rgba(255,255,255,.04); }.eyebrow { margin:0 0 10px; color:var(--aqua); font-size:.76rem; font-weight:bold; letter-spacing:.14em; text-transform:uppercase; }.hero .eyebrow { color:#d2f9ff; }.hero h1,h2,h3 { font-family:var(--heading); letter-spacing:-.035em; }.hero h1 { max-width:720px; margin:0; font-size:clamp(2.7rem,5vw,5.35rem); line-height:.96; }.hero-copy { max-width:570px; margin:26px 0; color:#e1f9ff; font-size:1.08rem; }.text-link { display:inline-block; margin:12px 0 12px 18px; color:var(--blue); font-size:.85rem; font-weight:bold; }.hero .text-link { color:#e4fbff; }.hero-card { position:absolute; z-index:1; top:82px; right:8%; width:275px; padding:28px; color:var(--ink); background:#fff; box-shadow:0 15px 45px rgba(0,28,60,.22); }.hero-card span,.hero-card a { color:var(--blue); font-size:.76rem; font-weight:bold; letter-spacing:.1em; text-transform:uppercase; }.hero-card strong { display:block; margin-top:12px; font:1.55rem/1.1 var(--heading); }.hero-card p { color:var(--muted); }.content-wrap { max-width:1220px; margin:0 auto; padding:82px 5%; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; }.section-heading h2,.split-band h2,.career h2 { margin:0; font-size:clamp(2.1rem,3.3vw,3.5rem); line-height:1; }.section-heading .text-link { margin:0 0 5px; }.article-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:23px; margin-top:30px; }.article-image { height:190px; background:#b9e9f4; }.lead .article-image { height:260px; }.image-1 { background:linear-gradient(135deg,#022856,#0069ad 55%,#1ac7e8); }.image-2 { background:linear-gradient(135deg,#98dce8,#25658e); }.image-3 { background:linear-gradient(135deg,#053767,#30bdde); }.category { margin:14px 0 5px; color:var(--blue); font-size:.71rem; font-weight:bold; letter-spacing:.09em; text-transform:uppercase; }.category span { margin-left:8px; padding:2px 6px; background:#dff7fb; }.article-card h3 { margin:0; font-size:1.42rem; line-height:1.12; }.meta { margin:10px 0; color:var(--muted); font-size:.8rem; }.split-band { display:grid; grid-template-columns:1.25fr .75fr; gap:50px; padding:70px max(5%,calc((100% - 1120px)/2)); color:white; background:var(--ink); }.split-band h2 { max-width:650px; }.split-band > div > p:not(.eyebrow) { color:#bcd9e7; }.benefits { padding:12px 0; border-left:1px solid #37709a; }.benefits p { padding-left:28px; }.directory { padding-bottom:55px; }.intro { max-width:580px; color:var(--muted); }.directory-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:27px; }.directory-card { min-height:150px; padding:24px; border:1px solid var(--line); }.directory-card:hover { border-color:var(--aqua); box-shadow:0 8px 25px rgba(0,77,130,.1); }.directory-card strong { display:block; margin-bottom:11px; font:1.26rem var(--heading); }.directory-card span { color:var(--muted); font-size:.88rem; }.events { padding-top:35px; }.event { display:grid; grid-template-columns:83px 1fr auto; gap:20px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }.event-date { text-align:center; color:var(--blue); border-right:1px solid var(--line); }.event-date b { display:block; font:2rem/.95 var(--heading); }.event-date small { font-weight:bold; letter-spacing:.1em; }.event h3 { margin:0; font-size:1.3rem; }.event p { margin:2px 0; color:var(--muted); }.event > a { color:var(--blue); font-weight:bold; font-size:.85rem; }.career { padding:80px 10%; text-align:center; color:white; background:linear-gradient(135deg,#0079b7,#003b7b); }.career h2 { max-width:600px; margin:0 auto; }.career > p:not(.eyebrow) { max-width:530px; margin:18px auto 27px; color:#d0f4fb; } footer { display:flex; justify-content:space-between; gap:30px; padding:43px 5%; color:#d3e4eb; background:#041e3a; font-size:.85rem; } footer a:hover { color:#67d7ed; }.footer-brand { display:flex; gap:13px; align-items:start; }.footer-brand p { margin:0; }.social { display:flex; gap:15px; align-items:start; }
@media (max-width:940px) { .site-header { flex-wrap:wrap; gap:16px; }.site-header nav { order:3; width:100%; margin:0; overflow:auto; }.header-actions { margin-left:auto; }.hero { padding:65px 7% 270px; }.hero-card { top:auto; bottom:38px; right:7%; width:min(320px,86%); }.article-grid { grid-template-columns:repeat(3,1fr); }.lead .article-image { height:190px; } }
@media (max-width:640px) { .topline { font-size:.63rem; }.site-header { min-height:72px; }.header-actions > a:first-child { display:none; }.hero { min-height:590px; }.hero h1 { font-size:3rem; }.article-grid,.split-band,.directory-actions { grid-template-columns:1fr; }.split-band { gap:18px; }.benefits { border-left:0; border-top:1px solid #37709a; }.content-wrap { padding-top:58px; padding-bottom:58px; }.section-heading { align-items:start; flex-direction:column; }.section-heading .text-link { margin:0; }.event { grid-template-columns:65px 1fr; }.event > a { grid-column:2; }.social { flex-wrap:wrap; justify-content:end; } footer { flex-direction:column; }.hero-card { padding:20px; } }