/* Original illustration and long-form editorial system, revision 2. */
.hero-network { min-height: 690px; }
.hero-network .hero-media .hero-image { object-position: center center; }
.hero-network:after { background: linear-gradient(90deg, #062b36c9 0, #062b3670 32%, transparent 65%); }
.hero-network h1 { font-size: clamp(40px, 4.2vw, 64px); }
.hero-network .hero-description { max-width: 590px; line-height: 2; }
.hero-network .hero-content { padding-block: 70px 110px; }
.hero-network .hero-caption { color: #d5e7e6; }
.service-card>img { height: auto; aspect-ratio: 1.52; object-fit: contain; }
.service-card p { font-size: 14px; min-height: 180px; }
.illustrated-card { padding: 0; overflow: hidden; }
.illustrated-card>img { width: 100%; height: auto; aspect-ratio: 1.9; object-fit: cover; }
.illustrated-card .card-copy { padding: 30px 36px; }
.illustrated-card .business-label { font-size: 30px; margin-bottom: 15px; }
.illustrated-card h3 { font-size: 25px; }
.illustrated-card p { min-height: 54px; }
.illustrated-card .checklist { margin: 20px 0; }
.editorial-about img { width: 100%; border-radius: 8px; }
.industries-home { background: #edf2eb; }
.industry-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.industry-card { background: white; border: 1px solid #d4dfd7; border-radius: 7px; overflow: hidden; }
.industry-card>img { width: 100%; height: auto; aspect-ratio: 1.52; object-fit: contain; }
.industry-card>div { padding: 28px; }
.industry-card h3 { font-size: 23px; margin-bottom: 16px; }
.industry-card p { font-size: 14px; }
.industry-card .checklist { font-size: 13px; margin-block: 20px 24px; padding-left: 18px; }
.section-end { margin: 30px 0 0; text-align: right; }
.article-card img { height: auto; aspect-ratio: 1.52; object-fit: contain; }
.article-card h3 { min-height: 65px; }
.article-card p:not(.eyebrow) { min-height: 54px; }
.story-intro { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 65px; align-items: center; }
.story-intro>img { width: 100%; border-radius: 8px; height: auto; }
.story-intro h2 { font-size: clamp(27px, 2.6vw, 38px); }
.story-intro p { font-size: 15px; }
.story-intro .lead { font-size: 18px; color: #2c5157; }
.story-intro .button { margin-top: 12px; }
.story-intro .actions { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; }
.page-intro .actions { display: flex; align-items: center; gap: 24px; margin-top: 26px; }
.story-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 70px; align-items: start; }
.story-block { position: relative; padding: 32px 0 36px; border-bottom: 1px solid var(--line); }
.story-block:first-child { padding-top: 0; }
.story-block h2 { font-size: 26px; margin: 14px 0 20px; }
.story-block p { font-size: 16px; margin-bottom: 0; line-height: 2.1; }
.chapter-number { color: #437b78; font-size: 13px; letter-spacing: .15em; }
.story-aside { position: sticky; top: 125px; padding: 28px; background: #f0f5ec; border: 1px solid #d7e2d4; border-radius: 7px; scroll-margin-top: 120px; }
.story-aside h2 { font-size: 23px; margin-bottom: 20px; }
.story-aside p, .story-aside .checklist { font-size: 13px; }
.story-aside .checklist { padding-left: 18px; line-height: 2; }
.story-aside .checklist li { margin-bottom: 12px; }
.story-aside .button { font-size: 13px; width: 100%; gap: 10px; padding-inline: 14px; }
.article-jumps { display: flex; gap: 10px 25px; flex-wrap: wrap; padding: 20px 0; margin: 42px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.article-jumps a { flex: initial; font-size: 13px; color: var(--blue); padding: 0; white-space: normal; }
#process, #questions, .article-section, .solution-section, .industry-section { scroll-margin-top: 125px; }
.micro-label { display: block; font-size: 11px; color: #467e77; letter-spacing: .1em; margin-bottom: 24px; }
.operations-detail { background: #0c3039; color: white; }
.operations-detail .eyebrow { color: #baf36c; }
.operations-detail p { color: #c3d7d8; }
.deep-copy { display: grid; gap: 0; }
.deep-copy article { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 30px; padding: 32px 0; border-top: 1px solid #adc1bd55; }
.deep-copy article>span { font-size: 29px; color: #76a39a; font-weight: 350; }
.deep-copy h3 { font-size: 24px; margin-bottom: 18px; }
.deep-copy p { font-size: 16px; max-width: 950px; margin: 0; }
.guide-article { max-width: 900px; padding-top: 48px; }
.article-heading { border-bottom: 1px solid var(--line); margin-bottom: 32px; padding-bottom: 15px; }
.article-heading p:not(.eyebrow) { font-size: 13px; }
.guide-article>img { width: 100%; height: auto; border-radius: 7px; }
.guide-article .article-jumps { margin-top: 32px; }
.article-section { padding: 18px 0 30px; }
.article-section h2 { font-size: 29px; margin-bottom: 22px; }
.article-section p { font-size: 17px; line-height: 2.1; }
.guide-article .callout h2 { font-size: 23px; }
.article-end { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding-top: 24px; border-top: 1px solid var(--line); }
.guide>img { width: 100%; height: auto; border-radius: 6px; margin: 25px 0; }
.detail-section>img { width: 100%; max-height: none; height: auto; object-fit: contain; }
.contact-info>img { width: 100%; height: auto; margin-top: 30px; border-radius: 7px; }
.link-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.link-grid>a { display: block; padding: 30px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.link-grid span { font-size: 11px; color: var(--blue); }
.link-grid h3 { font-size: 21px; margin: 24px 0 15px; }
.link-grid p { font-size: 14px; margin-bottom: 0; }
.comparison { min-width: 580px; }
.table-scroll { overscroll-behavior-inline: contain; }
.site-breadcrumb { padding-block: 18px; font-size: 13px; }
@media (max-width: 1100px) {
  .service-card p { min-height: 110px; }
  .story-intro { gap: 35px; }
  .story-layout { gap: 35px; grid-template-columns: minmax(0, 1fr) 280px; }
  .industry-grid { gap: 18px; }
  .industry-card>div { padding: 24px; }
}
@media (max-width: 820px) {
  .hero-network { min-height: 620px; }
  .hero-network .hero-media .hero-image { object-position: 68% center; }
  .hero-network:after { background: linear-gradient(90deg, #062b36ee, #062b36bc 65%, #062b3660); }
  .hero-network h1 { font-size: 45px; }
  .hero-network .hero-content { padding-block: 60px 95px; }
  .hero-network .hero-description { max-width: 420px; }
  .service-card p { min-height: 0; }
  .story-intro { grid-template-columns: 1fr; gap: 32px; }
  .story-intro>img { max-width: 670px; }
  .industry-grid { grid-template-columns: 1fr; gap: 24px; }
  .industry-card { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
  .industry-card>img { height: 100%; object-fit: cover; }
  .industry-card>div { padding: 26px; }
  .story-layout { grid-template-columns: 1fr; gap: 32px; }
  .story-aside { position: static; }
  .article-jumps { margin-block: 30px; }
  .deep-copy article { gap: 20px; grid-template-columns: 45px minmax(0, 1fr); }
  .link-grid { grid-template-columns: 1fr; }
  .article-card h3 { min-height: 0; }
  .article-card p:not(.eyebrow) { min-height: 0; }
}
@media (max-width: 480px) {
  .hero-network h1 { font-size: clamp(32px, 8.8vw, 42px); }
  .hero-network .hero-description { font-size: 14px!important; }
  .hero-network .hero-caption { font-size: 9px; }
  .hero-network .hero-content { padding-block: 48px 90px; }
  .hero-network { min-height: 580px; }
  .hero-network .hero-tags { font-size: 9px; }
  .hero-network .hero-tags span+span { padding-left: 10px; margin-left: 10px; }
  .service-strip strong { font-size: 10px; }
  .illustrated-card .card-copy { padding: 25px; }
  .illustrated-card h3 { font-size: 23px; }
  .industry-card { display: block; }
  .industry-card>img { height: auto; }
  .story-block h2 { font-size: 23px; }
  .story-block p { font-size: 15px; }
  .story-intro .lead { font-size: 16px; }
  .deep-copy article { grid-template-columns: 30px minmax(0, 1fr); gap: 16px; }
  .deep-copy article>span { font-size: 22px; }
  .deep-copy h3 { font-size: 22px; }
  .deep-copy p { font-size: 15px; }
  .article-section h2 { font-size: 25px; }
  .article-section p { font-size: 16px; }
  .guide-article { padding-top: 32px; }
  .article-jumps { gap: 13px 20px; }
}
