/* SDMH · design 2 ("The table") · shared styles for interior pages */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
:root{--ground:#0e2f39;--ground2:#164856;--ink:#eaf2f5;--muted:#a9c3cc;--aqua:#7fd0e6;--teal2:#3A9BB7;--teal:#164856;--amber:#f2b544;--line:rgba(234,242,245,.18);--lineL:#d9dfe2;--paper:#ffffff;--paper2:#f2f5f6;--inkL:#12212a;--mutedL:#3d4d56;--dash:#b9c5cb;--teal3:#0f7a94;--aquaText:#0f7a94}
body{margin:0;font-family:'Public Sans',system-ui,sans-serif;font-size:17px;line-height:1.55;color:var(--inkL);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0}
ul,ol{padding-left:0;list-style:none}
a{color:inherit}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
[id]{scroll-margin-top:96px}
[hidden]{display:none !important}
.wrap{width:min(1120px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:#fff;color:var(--inkL);padding-top:8px;padding-bottom:8px;padding-left:12px;padding-right:12px;border-radius:4px}
.skip:focus{left:16px}

/* draft bar (preview only) */
.draftbar{background:#1a1a1a;border-bottom:3px solid #000;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8f8f88}
.draftbar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:11px;padding-bottom:11px}
.draftbar a{color:#d4d4cc;text-decoration:none}
.draftbar a:hover{color:#fff;text-decoration:underline}
.draftbar a[aria-current="page"]{color:#fff;text-decoration:underline;text-underline-offset:3px}
.draftbar .dim{color:#6f6f68}
@media (max-width:600px){.draftbar .dim{display:none}.draftbar .wrap{gap:4px 14px;padding-top:8px;padding-bottom:8px}}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--ground);border-bottom:1px solid var(--line)}
.bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;padding-bottom:12px}
.logo{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#fff}
.logo-mark{position:relative;flex:none;display:block;width:58px;height:62px;padding:7px;box-sizing:border-box;background:#fff;border-radius:5px}
.logo-mark img{position:absolute;top:7px;left:7px;height:48px;width:auto;max-width:none;display:block;clip-path:inset(0 75.3% 0 0)}
.logo-name{display:flex;flex-direction:column;line-height:1}
.logo-name .a{font-size:1.06rem;font-weight:700;letter-spacing:-.01em;color:#fff;margin-bottom:3px}
.logo-name .b{font-size:1.28rem;font-weight:700;letter-spacing:-.022em;color:#fff}
.logo:hover .b,.logo:hover .a{color:var(--aqua)}
@media (max-width:480px){
  .logo{gap:10px}
  .logo-mark{width:50px;height:55px;padding:6px}
  .logo-mark img{top:6px;left:6px;height:43px;clip-path:inset(0 75.3% 0 0)}
  .logo-name .a{font-size:.9rem;margin-bottom:2px}
  .logo-name .b{font-size:1.04rem;letter-spacing:-.02em}
}
nav.primary ul{display:flex;gap:20px;align-items:center}
nav.primary a{display:inline-block;padding-top:10px;padding-bottom:10px;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none}
nav.primary a:hover{color:var(--aqua)}
nav.primary a[aria-current="page"]{color:var(--aqua);box-shadow:inset 0 -2px 0 var(--aqua)}
nav.primary a.give{background:var(--amber);color:var(--ground);font-weight:600;padding-left:16px;padding-right:16px;border-radius:999px}
nav.primary a.give:hover{background:#ffc96b;color:var(--ground)}
nav.primary a.give[aria-current="page"]{box-shadow:0 0 0 2px var(--ground),0 0 0 4px var(--amber)}
.nav-toggle{display:none;min-height:44px;min-width:44px;padding-left:16px;padding-right:16px;background:transparent;color:var(--ink);border:1px solid rgba(234,242,245,.5);border-radius:999px;cursor:pointer;font-weight:500}
@media (max-width:940px){
  .bar{flex-wrap:wrap}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  nav.primary{width:100%}
  .js nav.primary{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ground);border-bottom:1px solid var(--line)}
  .js nav.primary.open{display:block}
  nav.primary ul{flex-direction:column;align-items:stretch;gap:0;padding-top:8px;padding-bottom:16px}
  nav.primary a{display:block;padding-left:24px;padding-right:24px;padding-top:12px;padding-bottom:12px}
  nav.primary a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--aqua)}
  nav.primary a.give{margin-left:24px;margin-right:24px;margin-top:8px;text-align:center}
  nav.primary a.give[aria-current="page"]{box-shadow:none}
}

/* page head */
.pagehead{background:var(--ground);color:var(--ink);padding-top:64px;padding-bottom:64px}
.pagehead .top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:56px;align-items:end}
.pagehead .top.media{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.pagehead .kicker{display:block;font-size:.95rem;font-weight:600;color:var(--aqua);margin-bottom:14px}
.pagehead h1{font-size:clamp(2.1rem,4.2vw,3.4rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:#fff;max-width:20ch}
.pagehead h1 span{color:var(--aqua)}
.pagehead .lede{margin-top:22px;font-size:1.2rem;line-height:1.5;color:var(--muted);max-width:58ch}
.pagehead .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.onpage{border-left:1px solid var(--line);padding-left:28px}
.onpage p{font-size:.9rem;color:var(--muted);margin-bottom:4px}
.onpage a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;color:#fff;text-decoration:none;border-bottom:1px solid var(--line);font-weight:500}
.onpage a::after{content:"\2193";color:var(--aqua)}
.onpage a:hover{color:var(--aqua)}
.photo img{width:100%;border-radius:10px;aspect-ratio:4/3;object-fit:cover}
.pagehead .top.media.narrow{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr)}
.photo.native{max-width:320px;margin-left:auto}
.photo figcaption{margin-top:8px;font-size:.85rem;color:var(--muted)}
@media (max-width:860px){
  .pagehead .top,.pagehead .top.media{grid-template-columns:1fr;gap:32px}
  .onpage{border-left:0;padding-left:0}
  .onpage ul{display:flex;flex-wrap:wrap;gap:8px}
  .onpage a{min-height:40px;border:1px solid var(--line);border-radius:999px;padding-left:14px;padding-right:14px;font-size:.92rem}
  .onpage a::after{content:none}
}
@media (max-width:760px){.pagehead{padding-top:44px;padding-bottom:44px}.pagehead .lede{font-size:1.1rem}}

/* buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding-left:24px;padding-right:24px;border-radius:999px;border:2px solid transparent;background:none;font-weight:600;text-decoration:none;cursor:pointer;text-align:center}
.btn.amber{background:var(--amber);border-color:var(--amber);color:var(--ground)}
.btn.amber:hover{background:#ffc96b;border-color:#ffc96b}
.btn.line{color:#fff;border-color:rgba(255,255,255,.5)}
.btn.line:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.btn.teal{background:var(--teal);border-color:var(--teal);color:#fff}
.btn.teal:hover{background:#0f3540;border-color:#0f3540}
/* a step lighter than the deep teal, for a second action in the same band */
.btn.teal-lite{background:#0f7a94;border-color:#0f7a94;color:#fff}
.btn.teal-lite:hover{background:#0c6577;border-color:#0c6577}
.btn.outline{color:var(--teal);border-color:var(--teal)}
.btn.outline:hover{background:var(--paper2)}
.btn.small{min-height:40px;padding-left:18px;padding-right:18px;font-size:.95rem}
.more{display:inline-block;margin-top:10px;margin-right:18px;color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.more:hover{color:#0f3540}

/* sections */
.block{padding-top:80px;padding-bottom:80px;background:var(--paper)}
.block.paper{background:var(--paper2)}
.block + .block{border-top:1px solid var(--lineL)}
/* past meetings sits a step darker than the band above it, so the two read as separate blocks.
   rules and the year figures are darkened with it, or they would sink into the ground. */
#past{background:#e3ebee}
#past .rows{border-top-color:#c2cfd4}
#past .rows > li{border-bottom-color:#c2cfd4}
#past .rows .k.big{color:#965c07}
h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;line-height:1.12;letter-spacing:-.015em;color:var(--inkL);max-width:26ch}
.sechead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.lede2{font-size:1.1rem;color:var(--mutedL);max-width:62ch;margin-top:14px}
.sechead .lede2{margin-top:0}
.sechead .lede2 + .lede2{margin-top:12px}
.label{margin-top:40px;font-size:.95rem;font-weight:600;color:var(--inkL)}
.note{margin-top:14px;font-size:.9rem;color:var(--mutedL)}
.aside{margin-top:32px;color:var(--mutedL)}
.aside a{color:var(--teal);font-weight:600}
@media (max-width:760px){.block{padding-top:56px;padding-bottom:56px}.sechead{grid-template-columns:1fr;gap:14px}}

/* local meet-ups photo */
/* meet-ups: the copy sits level with the photo, so the section has no empty half */
.meetup-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:48px;align-items:start}
.meetup-copy p + p{margin-top:16px;max-width:44ch;color:var(--mutedL)}
.meetup-copy a{color:var(--teal);font-weight:600}
.meetup-side{display:flex;flex-direction:column;align-items:flex-end;margin-top:0}
.meetup-photo{margin:0;max-width:400px;width:100%}
.meetup-photo img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;object-position:center 62%}
.meetup-photo figcaption{margin-top:10px;font-size:.85rem;color:var(--mutedL)}
@media (max-width:860px){.meetup-row{grid-template-columns:1fr;gap:28px}}
@media (max-width:640px){.meetup-side{align-items:flex-start}.meetup-photo{max-width:100%}}

/* four-up items with a top rule */
.gets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px}
.gets li{border-top:2px solid var(--teal);padding-top:16px;display:flex;flex-direction:column}
.gets li .more{margin-top:auto;padding-top:10px}
.gets h3{font-size:1.1rem;font-weight:700;line-height:1.25}
.gets p{margin-top:6px;color:var(--mutedL);font-size:.98rem}
.gets.three{grid-template-columns:repeat(3,minmax(0,1fr))}
/* get-involved benefits: brand blue on the headings (4.96:1 on white) */
#benefits .gets h3{color:var(--teal3)}
#benefits .gets li{border-top-color:var(--teal3)}
@media (max-width:900px){.gets{grid-template-columns:repeat(2,minmax(0,1fr))}.gets.three{grid-template-columns:1fr}}
@media (max-width:560px){.gets{grid-template-columns:1fr;gap:22px}}

/* about: vision, history, goals */
.vision{margin-top:48px;border-left:4px solid var(--amber);padding-left:24px}
.vision figcaption{font-size:.95rem;font-weight:600;color:var(--teal)}
.vision p{margin-top:6px;font-size:clamp(1.25rem,2.1vw,1.6rem);font-weight:600;line-height:1.3;color:var(--aquaText);max-width:none;text-wrap:balance}
.history{margin-top:40px;border-top:1px solid var(--lineL)}
.history > li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;padding-top:26px;padding-bottom:26px;border-bottom:1px solid var(--lineL)}
.history .yr{font-size:1.9rem;font-weight:700;line-height:1;color:var(--teal);font-variant-numeric:tabular-nums}
.history h3{font-size:1.2rem;font-weight:700;line-height:1.25}
.history p{margin-top:6px;color:var(--mutedL);max-width:66ch}
/* the archive photo inside the 2019 entry — kept at its own wide proportions, never cropped */
.history-photo{margin:22px 0 0;max-width:520px}
.history-photo img{width:100%;height:auto;display:block;border-radius:10px}
.history-photo figcaption{margin-top:9px;font-size:.85rem;line-height:1.45;color:var(--mutedL)}
.recs{counter-reset:r;display:grid;gap:10px;margin-top:14px;max-width:66ch}
.recs li{counter-increment:r;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start}
.recs li::before{content:counter(r);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--amber);color:var(--ground);font-weight:700;font-size:.85rem}
.goals{counter-reset:g;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:40px}
.goals li{counter-increment:g;border-top:1px solid var(--lineL);padding-top:16px}
.goals li::before{content:counter(g);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--ground);color:#fff;font-weight:700;font-size:.9rem}
.goals h3{margin-top:12px;font-size:1.02rem;font-weight:700;line-height:1.25}
.goals p{margin-top:6px;font-size:.93rem;color:var(--mutedL)}
@media (max-width:900px){.goals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.history > li{grid-template-columns:1fr;gap:8px}.goals{grid-template-columns:1fr}}

/* people (from the People collection) */
.people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.person{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--paper);border:1px solid var(--lineL);border-radius:10px;padding-top:20px;padding-bottom:20px;padding-left:18px;padding-right:18px}
.paper .person{background:#fff}
.person img,.person .ph{width:72px;height:72px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 12%;background:var(--paper2)}
/* a few sources sit low in the frame: nudge the crop down so the face is not clipped */
.person img[src="/images/people/pendse.jpeg"]{object-position:50% 34%}
/* mohr.jpg (337x501) and schueller.jpg (300x450) are portrait frames whose heads fill
   almost the full height of the source, so the default 12% window cut their chins off.
   40% brings the whole chin in with a little room; the very top of the hair takes the crop. */
.person img[src$="mohr.jpg"]{object-position:50% 40%}
.person img[src$="schueller.jpg"]{object-position:50% 40%}
/* histon.png is a 150x150 square with her head touching the top edge, so a plain
   square-in-a-circle crop shaves her hair. Inset it and continue her backdrop
   behind it, which buys headroom without touching the photograph. */
.person img[src="/images/people/histon.png"]{object-position:50% 50%;padding:4px;box-sizing:border-box;background:linear-gradient(180deg,#dfe7ec 0%,#e9f0f5 100%)}
.person .ph{display:block;border:1px solid var(--lineL);background:var(--paper2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a9b8bf'%3E%3Ccircle cx='12' cy='9' r='4'/%3E%3Cpath d='M4.5 20.5c.6-3.9 3.7-6 7.5-6s6.9 2.1 7.5 6z'/%3E%3C/svg%3E") center/62% no-repeat}
.person h3{font-size:1rem;font-weight:600;line-height:1.3;color:var(--inkL)}
.person .role{margin-top:2px;font-size:.86rem;font-weight:600;color:var(--teal)}
.person .aff{margin-top:4px;font-size:.86rem;line-height:1.4;color:var(--mutedL)}
.person .li{display:inline-block;margin-top:6px;font-size:.86rem;color:var(--teal)}
/* every card in a row ends on the same line: titles and orgs from the top, LinkedIn pinned to the bottom */
.people{align-items:stretch}
.person > div{display:flex;flex-direction:column;flex:1;width:100%}
.person .li{margin-top:auto;padding-top:10px}
#team .person h3{min-height:2.6em}
#team .person .role{min-height:3em}
.person .bio{margin-top:10px}
.person .bio{align-self:stretch;border-top:1px solid var(--lineL);padding-top:10px}
.person .bio summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--teal)}
.person .bio p{margin-top:8px;font-size:.92rem;color:var(--mutedL)}
@media (max-width:980px){.people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.people{grid-template-columns:1fr;gap:10px}.person{flex-direction:row;flex-wrap:wrap;gap:14px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px}.person > div{flex:1;min-width:0}.person img,.person .ph{width:52px;height:52px}.person .bio{flex-basis:100%}}

/* groups (SIGs, committees) */
.group{margin-top:48px;padding-top:28px;border-top:2px solid var(--teal)}
.group-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:start}
.group-head h3{font-size:1.4rem;font-weight:700;line-height:1.2}
.group-head p{margin-top:8px;color:var(--mutedL);max-width:70ch}
.roster{margin-top:4px}
.roster summary{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;cursor:pointer;font-weight:600;color:var(--teal)}
@media (max-width:700px){.group-head{grid-template-columns:1fr}.group-head .btn{justify-self:start}}

/* impact: counts, placeholders, levers */
.counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px;border-top:1px solid var(--lineL)}
.counts > div{padding-top:20px;padding-bottom:8px;padding-right:20px;padding-left:20px;border-left:1px solid var(--lineL)}
.counts > div:first-child{border-left:0;padding-left:0}
.counts b{display:block;font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:700;line-height:1;color:var(--teal);font-variant-numeric:tabular-nums}
.counts span{display:block;margin-top:8px;font-size:.95rem;color:var(--mutedL);max-width:22ch}
/* impact: solid hairlines replace the dashed placeholder frames */
#numbers .cell{border:1px solid var(--lineL)}
#numbers .cell b{color:var(--aquaText)}
/* voices: the page closes on members' words, set on the brand's dark ground */
#voices{background:var(--ground);border-top:0}
#voices .wrap{padding-top:0}
.voices-head{max-width:64ch}
.voices-head .eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--aqua);margin:0}
.voices-head h2{margin-top:8px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;line-height:1.15;letter-spacing:-.015em;color:#fff;max-width:34ch}
#voices .quotes{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:30px;align-items:start}
#voices .slot{display:flex;flex-direction:column;align-items:flex-start;border:0;border-radius:0;background:none;padding:0 44px 0 0;text-align:left;min-height:0}
/* the pair is deliberately off-register: the second quote steps down and in,
   and the two swap accents, so the eye crosses from one to the other */
#voices .slot + .slot{padding:0 0 0 44px;margin-top:56px;border-left:1px solid var(--line)}
#voices .slot b{display:block;color:var(--aqua);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.45;max-width:none;margin-top:auto;padding-top:22px}
#voices .slot .dash{margin-right:.45em;font-weight:400;opacity:.8}
#voices .slot .qm{display:block;font-size:36px;line-height:.5;font-weight:700;color:var(--aqua);margin:0 0 10px;font-family:Georgia,'Times New Roman',serif}
#voices .slot .bar{display:block;width:26px;height:3px;padding:0;gap:0;background:var(--amber);margin:0 0 16px}
#voices .slot span.quote{display:block;margin:0;font-size:1.08rem;line-height:1.55;color:#fff;max-width:none}
#voices .slot + .slot .qm{color:var(--amber)}
#voices .slot + .slot .bar{background:var(--aqua)}
#voices .slot + .slot span.quote{font-size:1rem;line-height:1.6;color:var(--ink)}
@media (max-width:760px){#voices .quotes{grid-template-columns:1fr;gap:0;margin-top:26px}#voices .slot{padding:0}#voices .slot + .slot{border-left:0;margin-top:0;padding:28px 0 0;border-top:1px solid var(--line)}#voices .slot + .slot span.quote{font-size:1.02rem}}

/* impact numbers: the hero's aqua, deepened so it reads on white (4.96:1) */
#numbers .counts b{color:var(--teal2)}
.cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:14px}
.cell{border:2px dashed var(--dash);border-radius:10px;padding-top:18px;padding-bottom:18px;padding-left:18px;padding-right:18px;min-height:124px;background:var(--paper)}
.cell b{display:block;font-size:2.2rem;line-height:1;color:#7a8b93;font-weight:700}
.cell span{display:block;margin-top:10px;font-size:.95rem;line-height:1.35}
@media (max-width:900px){.counts,.cells{grid-template-columns:repeat(2,minmax(0,1fr))}.counts > div:nth-child(3){border-left:0;padding-left:0}.counts > div:nth-child(n+3){border-top:1px solid var(--lineL)}}
.lever{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:44px;padding-top:30px;padding-bottom:30px;border-top:1px solid var(--lineL)}
.sechead + .lever{margin-top:24px}
/* the three levers carry the page, so they sit tighter than a normal block */
#levers{padding-top:56px;padding-bottom:56px}
#levers .sechead{gap:40px}
.lever .rec-label{font-size:.9rem;font-weight:600;color:var(--teal)}
.lever h3{margin-top:6px;font-size:1.45rem;font-weight:700;line-height:1.2;color:var(--aquaText)}
.lever blockquote{margin-top:14px;padding-left:14px;border-left:3px solid var(--amber);color:var(--mutedL);font-size:.98rem}
.outputs li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding-top:18px;padding-bottom:18px;border-top:1px solid var(--lineL)}
.outputs li:first-child{border-top:0;padding-top:0}
.outputs .when{font-size:.9rem;font-weight:600;color:var(--teal);font-variant-numeric:tabular-nums;padding-top:2px}
.outputs h4{font-size:1.08rem;font-weight:700;line-height:1.3}
.outputs p{margin-top:4px;color:var(--mutedL);font-size:.98rem}
.outputs .more{margin-top:8px}
/* two links on one line: give each its own brand colour so they read as different destinations */
.outputs .link-playbook{color:var(--teal3)}
.outputs .link-playbook:hover{color:#0b5c70}
.outputs .link-frontiers{color:var(--teal)}
.outputs .link-frontiers:hover{color:#0b2833}
@media (max-width:860px){.lever{grid-template-columns:1fr;gap:22px}}
@media (max-width:560px){.outputs li{grid-template-columns:1fr;gap:4px}}

/* rows (meetings, webinars, newsletters, tools) */
.rows{margin-top:32px;border-top:1px solid var(--lineL)}
.rows > li{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:24px;align-items:baseline;padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--lineL)}
.rows .k{font-weight:700;color:var(--teal);font-variant-numeric:tabular-nums}
.rows .k.big{font-size:1.65rem;line-height:1;color:#b8770f}
.rows h3{font-size:1.08rem;font-weight:600;line-height:1.3}
.rows p{margin-top:4px;color:var(--mutedL);font-size:.95rem}
.rows .go{white-space:nowrap;font-weight:600;color:var(--teal);text-decoration:none}
.rows .go::after{content:"\2192";margin-left:6px}
.rows .go:hover{text-decoration:underline;text-underline-offset:4px}
.rows a.title{text-decoration:none}
.rows a.title:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.tbd{display:inline-block;white-space:nowrap;border:1.5px dashed var(--dash);border-radius:999px;padding-top:3px;padding-bottom:3px;padding-left:12px;padding-right:12px;font-size:.85rem;color:#5c6d75}
.list-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media (max-width:640px){.rows > li{grid-template-columns:1fr;gap:4px}.rows .go,.rows .tbd{justify-self:start;margin-top:6px}}

/* publications */
.pubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px;align-items:start}
.pubs article{border-top:2px solid var(--teal);padding-top:16px}
.pubs .meta{font-size:.88rem;font-weight:600;color:var(--teal)}
.pubs h3{margin-top:6px;font-size:1.2rem;font-weight:700;line-height:1.25}
.pubs p{margin-top:8px;color:var(--mutedL);font-size:.98rem}
@media (max-width:900px){.pubs{grid-template-columns:1fr;gap:28px}}

/* share-news policy */
.policy{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:32px}
.policy h3{font-size:1.1rem;font-weight:700}
.policy ul{margin-top:12px;display:grid;gap:10px}
.policy li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;color:var(--mutedL)}
.policy .yes li::before{content:"\2713";color:var(--teal);font-weight:700}
.policy .no li::before{content:"\2715";color:#8a5a00;font-weight:700}
@media (max-width:700px){.policy{grid-template-columns:1fr;gap:28px}}

/* support: tiers, sponsors */
.tiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:32px}
.tier{border:2px dashed var(--dash);border-radius:10px;padding-top:16px;padding-bottom:16px;padding-left:16px;padding-right:16px;min-height:132px;background:#fff}
.tier h3{font-size:1.05rem;font-weight:700}
.tier .price{display:block;margin-top:10px;font-size:1.5rem;font-weight:700;color:#7a8b93}
.tier p{margin-top:6px;font-size:.88rem;color:var(--mutedL)}
@media (max-width:1000px){.tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sprows{margin-top:32px;border-top:1px solid var(--lineL)}
.sprows > li{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--lineL)}
.sprows h3{font-size:1rem;font-weight:700}
.sprows h3 small{display:block;margin-top:2px;font-size:.88rem;font-weight:400;color:var(--mutedL)}
.names{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-self:start}
.names li{border:1px solid var(--lineL);border-radius:999px;padding-top:6px;padding-bottom:6px;padding-left:14px;padding-right:14px;font-size:.95rem;background:#fff}
.names li.tbd{border-style:dashed;border-width:1.5px;color:#5c6d75;font-size:.95rem}
.names a{text-decoration:none}
.names a:hover{color:var(--teal);text-decoration:underline}
/* sponsor logo wall — years shown as marks rather than names */
.sponsor-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:start}
.sponsor-logos > li{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--lineL);border-radius:10px;padding-top:20px;padding-bottom:20px;padding-left:22px;padding-right:22px;min-height:96px}
.sponsor-logos img{max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain}
.sponsor-logos .wide img{max-height:38px}
.sponsor-logos .tall img{max-height:56px}
@media (max-width:560px){.sponsor-logos{grid-template-columns:1fr}.sponsor-logos > li{min-height:84px}}
@media (max-width:640px){.sprows > li{grid-template-columns:1fr;gap:10px}}
/* sponsors: the three kinds of supporter, marked in the sentence itself */
.sponsor-lede b{font-weight:700}
.sponsor-lede .sp-c{color:#0f7a94}
.sponsor-lede .sp-f{color:#164856}
.sponsor-lede .sp-i{color:#0e2f39}
/* the same three marks stand in front of each kind of supporter, so the colour
   reads as a key rather than decoration: bright blue, light aqua, near-black */
.sp-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.55em;vertical-align:.03em;flex:none}
.sp-dot.sp-c{background:#0f7a94}
.sp-dot.sp-f{background:#3A9BB7}
.sp-dot.sp-i{background:#0e2f39}

/* accessibility statement: the commitment sits on the dark ground, the way the
   site makes any promise it wants you to actually read */
.a11y-state{background:var(--ground);border-radius:12px;padding:28px 28px 30px;margin-top:24px}
.a11y-state p{margin:0;font-size:1.08rem;line-height:1.6;color:#fff;max-width:62ch}
.a11y-state a{color:var(--aqua);text-decoration:underline}
.a11y-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.a11y-list li{position:relative;padding-left:22px;font-size:.98rem;line-height:1.55;color:var(--mutedL)}
.a11y-list li b{color:var(--inkL);font-weight:700}
.a11y-list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--teal3)}

/* forms */
.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.ticks{margin-top:22px;display:grid;gap:10px}
.ticks li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;color:var(--mutedL)}
.ticks li::before{content:"\2713";color:var(--teal);font-weight:700}
.ticks a{color:var(--teal);font-weight:600}
.formcard{background:#fff;border:1px solid var(--lineL);border-radius:12px;padding-top:28px;padding-bottom:28px;padding-left:28px;padding-right:28px}
.field{display:grid;gap:6px;margin-top:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.row2 .field{margin-top:16px}
.formcard > .row2:first-child .field,.formcard > .field:first-child{margin-top:0}
label,legend{font-weight:600;font-size:.95rem;color:var(--inkL)}
.opt{font-weight:400;color:var(--mutedL)}
input[type=text],input[type=email],select,textarea{width:100%;min-height:48px;border:1px solid var(--dash);border-radius:8px;padding-top:10px;padding-bottom:10px;padding-left:14px;padding-right:14px;background:#fff;color:var(--inkL)}
textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--teal)}
fieldset{border:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;margin-top:22px;margin-left:0;margin-right:0;margin-bottom:0;min-width:0}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:10px}
.checks label{display:flex;gap:10px;align-items:center;min-height:36px;font-weight:400}
.checks input{width:20px;height:20px;flex:none}
/* a chosen SIG reads in brand blue, so the selection is legible in the label itself */
.checks label:has(input[id^="c-sig-"]:checked){color:var(--teal3);font-weight:600}
.checks label{transition:color .15s ease}
/* join form: each option carries its own colour — SIGs in the cool family, committees in the warm one */
.checks input[type=checkbox]{appearance:none;-webkit-appearance:none;margin:0;display:inline-grid;place-content:center;cursor:pointer;border:2px solid var(--accent,var(--teal));border-radius:5px;background:#fff;transition:background .15s ease,border-color .15s ease}
.checks input[type=checkbox]::before{content:"";width:11px;height:11px;background:#fff;transform:scale(0);transition:transform .12s ease-out;clip-path:polygon(14% 44%,0 65%,40% 100%,100% 16%,83% 0,40% 66%)}
.checks input[type=checkbox]:checked{background:var(--accent,var(--teal));border-color:var(--accent,var(--teal))}
.checks input[type=checkbox]:checked::before{transform:scale(1)}
.checks input[type=checkbox]:hover{border-color:var(--accent,var(--teal));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#164856) 18%,transparent)}
#c-sig-ai{--accent:#164856}
#c-sig-equity{--accent:#2f7d5b}
#c-sig-industry{--accent:#0f7a94}
#c-sig-students{--accent:#3A9BB7}
#c-com-conf{--accent:#b8770f}
#c-com-mem{--accent:#a8432b}
#c-com-comm{--accent:#6b7a2b}
.formcard .btn{margin-top:26px;width:100%}
.fineprint{margin-top:12px;font-size:.86rem;color:var(--mutedL)}
.hp{position:absolute;left:-9999px}
.thanks{background:#eaf6f9;border:1px solid var(--teal2);border-radius:12px;padding-top:28px;padding-bottom:28px;padding-left:28px;padding-right:28px}
.thanks h3{font-size:1.3rem;font-weight:700}
.thanks p{margin-top:8px;color:var(--mutedL)}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:28px}}
@media (max-width:600px){.row2,.checks{grid-template-columns:1fr;gap:0}.formcard{padding-top:20px;padding-bottom:20px;padding-left:18px;padding-right:18px}}

/* placeholders */
.slot{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px;border:2px dashed var(--dash);border-radius:10px;background:#fff;padding-top:28px;padding-bottom:28px;padding-left:28px;padding-right:28px}
.slot b{font-weight:600}
.slot span{margin-top:6px;font-size:.95rem;color:var(--mutedL);max-width:44ch}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
@media (max-width:760px){.quotes{grid-template-columns:1fr}}

/* closing band */
.cta{background:var(--ground2);color:var(--ink);padding-top:64px;padding-bottom:64px}
.cta .doors{display:grid;grid-template-columns:1fr 1fr}
.cta .door{padding-right:40px}
.cta .door + .door{padding-left:40px;padding-right:0;border-left:1px solid rgba(255,255,255,.22)}
.cta h2{color:#fff;font-size:clamp(1.4rem,2.4vw,1.9rem)}
.cta p{margin-top:8px;color:#d6e3e8;max-width:46ch}
.cta .btn{margin-top:20px}
@media (max-width:760px){.cta{padding-top:48px;padding-bottom:48px}.cta .doors{grid-template-columns:1fr}.cta .door{padding-right:0}.cta .door + .door{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.22);margin-top:28px;padding-top:28px}}

/* footer */
.site-footer{background:var(--ground);color:var(--muted);padding-top:48px;padding-bottom:40px;font-size:.95rem}
.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.site-footer h4,.site-footer h2{color:#fff;font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:0;max-width:none;margin-bottom:10px}
.site-footer li{margin-top:6px}
.site-footer a{color:#fff}
.site-footer .tagline{margin-top:16px;max-width:44ch}
.site-footer .legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:.85rem}
@media (max-width:760px){.site-footer .cols{grid-template-columns:1fr}}

/* round 2 */
.pagehead h1 .br{display:block}
@media (min-width:760px){.pagehead h1 .br{white-space:nowrap}}

/* tabs (SIGs, committees) */
.tabs{display:none;flex-wrap:wrap;gap:8px;margin-top:32px;scroll-margin-top:96px}
.js .tabs{display:flex}
.tabs [role="tab"]{min-height:44px;padding-left:18px;padding-right:18px;border:1px solid var(--dash);border-radius:999px;background:#fff;color:var(--inkL);font-weight:600;cursor:pointer}
.tabs [role="tab"]:hover{border-color:var(--teal)}
.tabs [role="tab"][aria-selected="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.js .tabpanel.group{margin-top:20px}
.variant-note{background:#eafbf6;border-bottom:1px solid var(--lineL);font-size:.92rem;color:var(--inkL)}
.variant-note .wrap{display:flex;flex-wrap:wrap;gap:4px 16px;padding-top:10px;padding-bottom:10px}
.variant-note a{color:var(--teal);font-weight:600}

/* join: what happens next */
.nextsteps{margin-top:36px}
.nextsteps h3{font-size:1.1rem;font-weight:700}
.steps{counter-reset:s;margin-top:14px;display:grid;gap:14px}
.steps li{counter-increment:s;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;color:var(--mutedL)}
.steps li::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ground);color:#fff;font-weight:700;font-size:.85rem}
.steps b{color:var(--inkL)}
.slot.left{margin-top:32px;min-height:150px;align-items:flex-start;text-align:left}
/* the member quote on Get Involved: the same object as the Impact page's voices */
/* warm yellow rather than the dark band: same object, lighter voice, dark ink on the brand amber */
.member-quote{display:flex;flex-direction:column;align-items:flex-start;margin:32px 0 0;padding:24px 24px 26px;border:0;border-radius:10px;background:linear-gradient(145deg,#f7c76b 0%,#ffd98a 100%)}
.member-quote .mq-label{margin:0 0 16px;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;line-height:1.4;color:#164856}
.member-quote .qm{display:block;font-size:36px;line-height:.5;font-weight:700;color:#0e2f39;margin:0 0 10px;font-family:Georgia,'Times New Roman',serif}
.member-quote .bar{display:block;width:26px;height:3px;padding:0;gap:0;background:#0e2f39;margin:0 0 16px}
.member-quote .mq-text{margin:0;font-size:1rem;line-height:1.55;color:#0e2f39}
.member-quote .mq-by{margin:14px 0 0;font-size:.82rem;font-weight:700;letter-spacing:.06em;color:#164856}
.slot.wide{margin-top:48px;aspect-ratio:3/1;min-height:0;background:var(--paper2)}
/* about: group photo under the vision statement — capped so a 4:3 original stays sharp */
/* the photo pairs with the vision statement: statement left, photo right, so the warm band has no empty half */
.vision-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:48px;align-items:start;margin-top:48px}
.vision-row .vision{margin-top:0}
.vision-photo{margin:0;max-width:none}
@media (max-width:860px){.vision-row{grid-template-columns:1fr;gap:28px;margin-top:40px}}
.vision-photo img{width:100%;height:auto;display:block;border-radius:10px;aspect-ratio:4/3;object-fit:cover;object-position:center 55%}
.vision-photo figcaption{margin-top:10px;font-size:.88rem;line-height:1.45;color:var(--mutedL)}
@media (max-width:760px){.vision-photo{max-width:none;margin-top:32px}}
.sechead > div > h2 + .lede2{margin-top:12px}
/* tighter rhythm: the join section is the tallest on the site, so it carries less padding than a normal block */
#join-form{padding-top:56px;padding-bottom:56px}
#join-form .split{align-items:stretch}
#join-form .split > div:first-child{display:flex;flex-direction:column}
#join-form .member-quote{margin-top:auto}
#join-form .ticks{margin-top:16px;gap:7px}
#join-form .nextsteps{margin-top:26px}
#join-form .steps{margin-top:10px;gap:10px}
#join-form .formcard{padding:22px 24px}
#join-form .field,#join-form .row2 .field{margin-top:11px}
#join-form .row2{gap:12px}
#join-form fieldset{margin-top:16px}
@media (max-width:860px){#join-form .nextsteps,#join-form .member-quote{display:none}}
@media (max-width:760px){.slot.wide{aspect-ratio:4/3}}

/* sponsorship prospectus pages */
.flyers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.flyers figure{margin:0}
.flyers .page{display:block;border:1px solid var(--lineL);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(18,33,42,.07);transition:transform .18s ease,box-shadow .18s ease}
.flyers .page:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(18,33,42,.13)}
.flyers .page:focus-visible{outline:3px solid var(--teal2);outline-offset:3px}
.flyers img{width:100%;height:auto;display:block}
.flyers figcaption{margin-top:10px;font-size:.9rem;color:var(--mutedL);line-height:1.4}
.flyers figcaption b{display:block;color:var(--inkL);font-weight:600}
.sponsor-note{margin-top:12px;font-size:.9rem;color:var(--mutedL)}
@media (max-width:900px){.flyers{grid-template-columns:1fr;gap:28px;max-width:520px}}

/* banner image */
.banner img{width:100%;border-radius:10px;aspect-ratio:768/389;object-fit:cover}
.banner.ratio2 img{aspect-ratio:2/1}
.banner figcaption{margin-top:8px;font-size:.85rem;color:var(--mutedL)}
.pagehead .banner figcaption{color:var(--muted)}

/* publication tiles */
/* publication tiles: amber covers, dark ink type */
.cover{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:16/10;margin-bottom:18px;border-radius:10px;background:linear-gradient(145deg,#f2b544 0%,#ffd98a 100%);color:#0e2f39;padding-top:22px;padding-bottom:20px;padding-left:22px;padding-right:22px}
.cover.t2{background:linear-gradient(145deg,#0f7a94 0%,#164856 100%)}
.cover.t3{background:linear-gradient(145deg,#cfe8f0 0%,#f0f8fb 100%)}
.cover b{font-size:1.4rem;font-weight:700;line-height:1.15;max-width:13ch;letter-spacing:-.01em;color:#0e2f39}
.cover small{font-size:.85rem;font-weight:600;color:#164856}
/* each cover carries its own glyph and type colour, so it stays legible on warm and on dark grounds */
.pubs .cover::after{background:#0e2f39}
.pubs .cover.t2 b{color:#fff}
.pubs .cover.t2 small{color:#b8e2ee}
.pubs .cover.t2::after{background:#7fd0e6}
.pubs .cover.t3::after{background:#0f7a94}
.cover::after{content:"";position:absolute;right:20px;top:22px;width:42px;height:30px;background:#3A9BB7;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 5'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM4 0h1v1H4zM2 2h1v1H2zM4 2h1v1H4zM6 2h1v1H6zM4 4h1v1H4zM6 4h1v1H6z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 5'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM4 0h1v1H4zM2 2h1v1H2zM4 2h1v1H4zM6 2h1v1H6zM4 4h1v1H4zM6 4h1v1H6z'/%3E%3C/svg%3E") no-repeat center/contain}

/* video cards */
.vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:36px}
.vid .thumb{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border-radius:8px;background:#0b1c22}
.vid .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.vid .thumb:hover img{transform:scale(1.03)}
.vid .thumb::after{content:"";position:absolute;left:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:rgba(14,47,57,.88) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/18px no-repeat}
.vid .when{display:block;margin-top:12px;font-size:.88rem;font-weight:600;color:var(--teal)}
.vid h3{margin-top:4px;font-size:1.05rem;font-weight:700;line-height:1.3}
.vid h3 a{text-decoration:none}
.vid h3 a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.vid p{margin-top:4px;font-size:.93rem;color:var(--mutedL)}
@media (max-width:900px){.vids{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.vids{grid-template-columns:1fr;gap:18px}.vid{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:start}.vid .when{margin-top:0}}
@media (prefers-reduced-motion:reduce){.vid .thumb img{transition:none}}

/* sponsorship packages */
.packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.pkg{background:#fff;border:1px solid var(--lineL);border-radius:12px;padding-top:22px;padding-bottom:22px;padding-left:22px;padding-right:22px}
.pkg h4{font-size:1.15rem;font-weight:700}
.pkg .for{margin-top:2px;font-size:.88rem;color:var(--mutedL)}
.pkg .price{display:block;margin-top:10px;font-size:1.7rem;font-weight:700;line-height:1.1;color:var(--teal);font-variant-numeric:tabular-nums}
.pkg ul{margin-top:16px;display:grid;gap:8px}
.pkg li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:.95rem;color:var(--mutedL)}
.pkg li::before{content:"\2713";color:var(--teal);font-weight:700}
.pkg li.inc{color:var(--inkL);font-weight:600}
.pkg li.inc::before{content:"+"}
.subhead{margin-top:48px;font-size:1.3rem;font-weight:700;line-height:1.25;color:var(--teal3)}
.subhead + .lede2{margin-top:6px;font-size:1rem}
.tbdrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:20px;border:2px dashed var(--dash);border-radius:10px;padding-top:18px;padding-bottom:18px;padding-left:20px;padding-right:20px;background:#fff}
.tbdrow b{font-weight:700}
.tbdrow span{color:var(--mutedL);font-size:.95rem}
@media (max-width:900px){.packages{grid-template-columns:1fr}}

.sub2{font-family:var(--display, inherit);font-size:1.25rem;font-weight:600;color:var(--teal3);margin-top:10px;margin-bottom:16px;line-height:1.3}

/* ---------- 2b: pixel details from the conference brand ---------- */
.pagehead .kicker{display:table;background:#eafbf6;color:#0d1418;font-weight:600;font-size:.88rem;line-height:1.3;padding-top:6px;padding-bottom:6px;padding-left:12px;padding-right:12px;border-radius:4px;box-shadow:5px 4px 0 #f2b544;margin-bottom:22px}
.btn::after,nav.primary a.give::after{content:"";display:inline-block;width:15px;height:13px;margin-left:9px;vertical-align:-1px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7'%3E%3Cpath d='M0 3h7v1H0zM4 1h1v1H4zM5 2h1v1H5zM5 4h1v1H5zM4 5h1v1H4z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7'%3E%3Cpath d='M0 3h7v1H0zM4 1h1v1H4zM5 2h1v1H5zM5 4h1v1H5zM4 5h1v1H4z'/%3E%3C/svg%3E") no-repeat center/contain}
main section.block > .wrap h2:first-child::before,main section.block > .wrap > div:first-child > h2:first-child::before,main section.block .sechead h2::before{content:"";display:block;width:30px;height:21px;margin-bottom:16px;background:var(--teal2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 5'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM4 0h1v1H4zM2 2h1v1H2zM4 2h1v1H4zM6 2h1v1H6zM4 4h1v1H4zM6 4h1v1H6z'/%3E%3C/svg%3E") no-repeat left/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 5'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM4 0h1v1H4zM2 2h1v1H2zM4 2h1v1H4zM6 2h1v1H6zM4 4h1v1H4zM6 4h1v1H6z'/%3E%3C/svg%3E") no-repeat left/contain}