@font-face{
  font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;
  src:url("/assets/index-promo/newsreader-latin.woff2") format("woff2");
}
@font-face{
  font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;
  src:url("/assets/newsletter-promo/ibm-plex-mono-600-latin.woff2") format("woff2");
}
.discovery-network.home-network{scroll-margin-top:90px;padding-block:64px}
.home-network__stack{display:grid;gap:28px}
.home-network__card{
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:32px;align-items:center;padding:44px;border-radius:var(--radius);overflow:hidden;
}
.home-network__copy{min-width:0}
.home-network__copy h3{font:750 clamp(28px,3vw,38px)/1.12 var(--f-head);letter-spacing:-.025em;margin:22px 0 18px}
.home-network__copy p{font-size:16px;line-height:1.65;margin:0 0 24px;max-width:38ch}
.home-network__copy .home-network__note{font-size:12px;color:var(--muted);margin:16px 0 0}
.home-network__card.home-network__wire{
  --wire-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  display:block;padding:0;border:1px solid #1b374f;
  background:#0a2032;color:#e9f1f8;font-family:Inter,system-ui,-apple-system,sans-serif;
}
.home-network__wire-masthead{
  display:flex;align-items:center;gap:16px;padding:16px 36px;
  background:#1d6bb4;color:#fff;font:600 18px/1.3 var(--wire-mono);
}
.home-network__wire-masthead img{display:block;flex:none;width:82px;height:auto}
.home-network__wire-body{
  display:grid;grid-template-columns:minmax(0,1fr);
  align-items:center;gap:32px;padding:36px 40px 40px;
}
.home-network__wire .home-network__copy{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:0 48px;align-items:start;
}
.home-network__wire-kicker,.home-network__wire .home-network__copy h3{grid-column:1}
.home-network__wire-summary{min-width:0;grid-column:2;grid-row:1/3}
.home-network__wire .home-network__copy h3{
  font:500 clamp(28px,3vw,36px)/1.12 Newsreader,Georgia,serif;
  letter-spacing:-.02em;margin:20px 0 0;
}
.home-network__wire .home-network__copy p,.home-network__wire .home-network__copy .home-network__note{color:#b7c9d8}
.home-network__wire .home-network__copy .home-network__wire-kicker{
  max-width:none;margin:0;padding-bottom:14px;border-bottom:1px solid #1b374f;
  color:#5ba6e8;font:600 10px/1.6 var(--wire-mono);letter-spacing:.06em;text-transform:uppercase;
}
.home-network__wire .discovery-button{
  background:#4d9be0;color:#081b2b;border-radius:4px;
  font:600 12px/1.5 var(--wire-mono);letter-spacing:.04em;text-transform:uppercase;
}
.home-network__wire .discovery-button:hover{background:#5ba6e8}
.home-network__wire-preview,.home-network__index-preview{margin:0;min-width:0}
.home-network__wire-preview button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:8px}
.home-network__wire-preview button img{
  display:block;width:100%;height:auto;
  -webkit-mask:url("/assets/newsletter-promo/wire-dual-screen-mask.svg") center/100% 100% no-repeat;
  mask:url("/assets/newsletter-promo/wire-dual-screen-mask.svg") center/100% 100% no-repeat;
}
.home-network__wire-preview button:disabled{cursor:default}
.home-network__card :is(a,button):focus-visible{outline:3px solid #5ba6e8;outline-offset:5px}
.home-network__card figcaption{font-size:11px;line-height:1.55;text-align:center;margin-top:13px;color:var(--muted)}
.home-network__wire figcaption{color:#b7c9d8}
.home-network__index{
  --index-blue:#1d6bb4;--index-ink:#0e2a3d;
  background:linear-gradient(135deg,#f5f8fb,#e6f1fb);border:1px solid #d5e4f1;color:var(--index-ink);
  font-family:Inter,system-ui,-apple-system,sans-serif;gap:38px;grid-template-columns:minmax(0,1fr);
}
.home-network__index .home-network__copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 48px;align-items:start}
.home-network__index-brand,.home-network__index .home-network__copy h3{grid-column:1}
.home-network__index .home-network__index-intro{grid-column:2;grid-row:1/3;padding-top:6px}
.home-network__index-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px;color:var(--index-blue);font-size:12px;font-weight:650;letter-spacing:.035em}
.home-network__index-brand img{display:block;background:var(--index-blue);border-radius:5px;padding:8px 12px;width:136px;height:auto}
.home-network__index .home-network__copy h3{font:500 clamp(36px,3.7vw,48px)/1.08 Newsreader,Georgia,serif;letter-spacing:-.02em;color:var(--index-ink)}
.home-network__index .home-network__copy p{color:#23425a}
.home-network__index .home-network__copy .home-network__index-detail{font-size:14px;color:#5c7080}
.home-network__index .discovery-button{background:var(--index-blue);color:#fff}
.home-network__index .discovery-button:hover{background:#155089}
.home-network__index :is(a,button):focus-visible{outline-color:#155089}
.home-network__screens{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 28px;margin:0;padding:0 12px 12px;isolation:isolate;
}
.home-network__screen{display:block;min-width:0;color:#23425a;text-decoration:none}
.home-network__screen:first-child{grid-column:1/-1}
.home-network__screen>span{display:block;font-size:14px;font-weight:650;margin:0 0 12px}
.home-network__screens img{display:block;width:100%;height:auto;border:1px solid #d5e4f1;border-radius:8px;box-shadow:0 10px 24px #0e2a3d12}
.home-network__screen:not(:first-child){
  position:relative;z-index:1;align-self:start;justify-self:center;width:94%;
  margin-top:-72px;padding:12px;background:#fff;border:1px solid #d5e4f1;
  border-radius:12px;box-shadow:0 18px 38px #0e2a3d26;transform:rotate(-2deg);
}
.home-network__screen:nth-child(3){margin-top:-48px;transform:rotate(2deg)}
.home-network__screen:not(:first-child)>span{font-size:13px;line-height:1.4}
.home-network__screen:not(:first-child) img{box-shadow:none}
.home-network__screen:focus-visible{z-index:2}
.home-network__screen:hover img{border-color:#1d6bb4}
.home-network__index-preview figcaption{color:#5c7080;margin-top:24px}
@media(max-width:1000px){
  .home-network__card{padding:32px;gap:28px}
  .home-network__wire-body{gap:24px;padding:32px}
  .home-network__wire .home-network__copy{gap:0 32px}
  .home-network__wire-masthead{padding:16px 32px}
}
@media(max-width:820px){
  .discovery-network.home-network{padding-block:44px}
}
@media(max-width:760px){
  .home-network__card{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px}
  .home-network__copy p{max-width:52ch}
  .home-network__wire-body{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px}
  .home-network__wire .home-network__copy{display:block}
  .home-network__wire .home-network__copy h3{margin:18px 0}
  .home-network__wire-masthead{padding:16px 28px}
  .home-network__wire-preview{width:calc(100% + 40px);max-width:none;justify-self:center}
  .home-network__wire-preview figcaption{padding:0 20px}
  .home-network__index-preview{width:100%}
  .home-network__index .home-network__copy{display:block}
  .home-network__index .home-network__index-intro{padding-top:0}
  .home-network__screens{grid-template-columns:minmax(0,1fr);gap:0;padding:0 4px 8px}
  .home-network__screen:not(:first-child){
    width:94%;margin-top:-14px;padding:8px;transform:rotate(-1.2deg);
  }
  .home-network__screen:nth-child(3){margin-top:24px;transform:rotate(1.2deg)}
  .home-network__index .home-network__copy h3{font-size:40px}
}
@media(max-width:420px){
  .home-network__card{padding:24px 20px;gap:24px}
  .home-network__copy h3{font-size:28px}
  .home-network__wire-body{padding:24px 20px;gap:24px}
  .home-network__wire-preview{width:calc(100% + 24px)}
  .home-network__wire-masthead{padding:16px 20px;gap:12px;font-size:14px}
  .home-network__wire-masthead img{width:64px}
  .home-network__index .home-network__copy h3{font-size:36px}
  .home-network__card figcaption{font-size:10px}
}
