@media (min-width:1250px){
  .about{height:734px}
  .digital{height:1123px;overflow:hidden}
  .digital-panels{gap:22px;margin-bottom:20px}
  .digital-panels article{min-height:302px;padding:34px 38px;font-size:15px;line-height:18px}
  .solutions{height:1012px!important;min-height:0!important}
  .solutions-copy{left:0!important;top:80px!important;width:100%!important;max-width:100%!important}
  .solutions-copy h2{width:900px!important;max-width:900px!important}
  .solutions-copy p{width:1000px!important;max-width:1000px!important}
  .solution-cards{left:0!important;top:337px!important;width:1200px!important;max-width:1200px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:283px 330px!important;gap:30px 27px!important}
  .solution-cards article{width:100%!important;height:100%!important;padding:26px 18px!important;overflow:hidden!important}
  .solution-cards b{position:relative;display:block;width:max-content;margin-bottom:30px;font-size:34px!important;line-height:38px!important;letter-spacing:-1px!important}
  .solution-cards b::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan)}
  .solution-cards .card-line{display:none!important}
  .solution-cards h3{font-size:15px!important;line-height:16px!important;margin:0 0 8px!important;letter-spacing:0!important}
  .solution-cards p{font-size:13px!important;line-height:13.5px!important;letter-spacing:0!important}
  .editorial-duo{height:418px!important;padding:56px 0 0;overflow:hidden}
  .cases{height:493px!important}
  .process{height:1099px}
  .process-photo{top:80px;height:320px}
  .process-photo img{width:100%;height:100%;transform:none;object-fit:cover;object-position:center}
  .process-copy{top:80px}
  .process-copy h2{margin:39px 0 30px}
  .process-copy>p{position:static;top:auto}
  .process-cards{left:0;top:427px;width:1200px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:277px 298px;gap:18px}
  .process-cards article{width:100%;height:100%;padding:30px;border-radius:10px}
  .process-cards article:nth-child(3){grid-column:1}
  .process-cards b{position:relative;width:max-content;margin-bottom:24px;font-size:40px;line-height:43px;letter-spacing:-1px}
  .process-cards b::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan)}
  .process-cards .card-line{display:none}
  .process-cards h3{font-size:22px;line-height:25px;margin-bottom:20px;letter-spacing:-.4px}
  .process-cards p{width:auto;font-size:20px;line-height:21px;letter-spacing:0}
  .process-cards article:nth-child(2) p{max-width:500px}
  .cta{height:901px}
  .cta::before{inset:auto!important;left:50%!important;top:50%!important;width:901px!important;height:100vw!important;transform:translate(-50%,-50%) rotate(-90deg)!important;background-position:45% center!important}
  .cta::after{background:linear-gradient(90deg,#031624 0%,rgba(3,22,36,.98) 28%,rgba(3,22,36,.78) 45%,rgba(3,22,36,.37) 68%,rgba(3,22,36,.3) 100%)}
  .cta h2{top:80px}
  .cta-accent{top:123px;font:500 42px/1 Inter,Arial,sans-serif}
  .cta-copy>p:not(.cta-accent){top:195px;width:680px}
  .cta .button{top:753px}
}

.digital-panels article::before{content:"";display:block;width:56px;height:4px;margin-bottom:10px;background:var(--cyan)}
.editorial-icon{height:65px}
.editorial-icon img{display:block;width:65px;height:65px;object-fit:contain}
@media (max-width:780px){.editorial-icon img{margin-inline:auto}}
@media (min-width:1051px){.why-points p{font-size:20px}}

@media (min-width:1025px){
  .digital h3{position:relative;padding:58px 36px 36px;font-size:20px;line-height:24px}
  .digital h3::before{content:"";position:absolute;left:36px;top:40px;width:56px;height:4px;background:var(--cyan)}
  .digital-pillars{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:20px}
  .digital-pillars article{position:relative;min-height:166px;padding:0 36px;border:0}
  .digital-pillars article:nth-child(n+4){border-top:0}
  .digital-pillars article:nth-child(1)::after,
  .digital-pillars article:nth-child(2)::after,
  .digital-pillars article:nth-child(4)::after{content:"";position:absolute;right:0;top:0;bottom:18px;width:1px;background:#b8d8e7}
  .digital-pillars h4{margin-bottom:14px}
  .digital-pillars p{font-size:15px;line-height:18px}
}

@media (max-width:1249px){
  .cta{height:auto!important;min-height:0!important;padding:72px 0 78px!important;overflow:hidden}
  .cta::before{inset:0!important;width:100%!important;height:100%!important;transform:none!important;background-position:center!important}
  .cta-copy{height:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .cta h2,.cta-accent,.cta-copy>p:not(.cta-accent),.cta .button{position:static!important;left:auto!important;top:auto!important}
  .cta h2{width:100%!important;margin:0 0 10px!important}
  .cta-accent{width:100%!important;margin:0 0 34px!important}
  .cta-copy>p:not(.cta-accent){width:min(660px,100%)!important;margin:0!important}
  .cta .button{margin:34px 0 0!important}
}

@media (min-width:781px) and (max-width:900px){
  .hero{background-image:linear-gradient(90deg,rgba(3,22,36,.48),rgba(3,22,36,.72) 50%,rgba(3,22,36,.35)),url('assets/hero.webp')}
  .hero-label,.hero h1,.hero-accent,.hero-copy,.hero-button{left:50%;transform:translateX(-50%);text-align:center}
  .hero h1,.hero-accent{width:min(600px,calc(100% - 48px))}
  .hero-copy{width:min(600px,calc(100% - 48px))}
}
@media (min-width:781px) and (max-width:1050px){.hero-button{top:630px}}

@media (min-width:901px) and (max-width:1249px){
  .hero{height:800px;background-position:center 50%}
  .hero-content{transform:none}
  .hero-label,.hero h1,.hero-accent,.hero-copy,.hero-button{left:0;transform:none;margin-left:0!important;margin-right:0!important;text-align:left!important}
  .hero-label{top:223px}
  .hero h1{top:271px;width:auto}
  .hero-accent{top:406px;width:auto}
  .hero-copy{top:560px;width:min(488px,100%)}
  .hero-button{top:662px;width:min(382px,100%)}
}

@media (max-width:780px){
  .cta-copy{align-items:center!important;text-align:center!important}
  .cta-copy>p:not(.cta-accent){font-size:16px!important;line-height:22px!important;text-align:center!important}
  .cta .button{margin-left:auto!important;margin-right:auto!important}
}

/* At 900px the long-form sections need the same centered reading flow as mobile. */
@media (max-width:900px){
  .press-layout,.solutions-layout,.cases-layout,.process-layout{grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;text-align:center!important}
  .press-copy,.solutions-copy,.cases-copy{width:100%!important;max-width:760px!important;margin-inline:auto!important;text-align:center!important}
  .press-copy .section-line,.solutions-copy .tag,.cases-copy .tag{margin-inline:auto!important}
  .press-copy h2,.press-copy p,.solutions-copy h2,.solutions-copy p,.cases-copy h2,.cases-copy p{width:100%!important;max-width:680px!important;margin-inline:auto!important;text-align:center!important}
  .press-card{width:100%!important;max-width:760px!important;margin-inline:auto!important}

  .digital>.shell{text-align:center}
  .digital h2,.digital-intro{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
  .digital-panels{grid-template-columns:minmax(0,1fr)}
  .digital-panels article{text-align:center;min-height:0}
  .digital-panels article::before{margin-inline:auto}
  .digital h3{text-align:center}
  .digital-pillars{grid-template-columns:minmax(0,1fr)}
  .digital-pillars article,.digital-pillars h4,.digital-pillars p{text-align:center}
  .digital-pillars article{min-height:0;border-right:0;border-top:0;border-bottom:1px solid #d4dde2}
  .digital-pillars article:last-child{border-bottom:0}
  .editorial-duo>.shell{grid-template-columns:minmax(0,1fr);max-width:760px}
  .editorial-duo article{text-align:center}
  .editorial-icon img{margin-inline:auto}

  .solution-cards{position:static!important;width:100%!important;max-width:760px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:16px!important;margin-inline:auto!important}
  .solution-cards article{height:auto!important;min-height:160px!important;padding:22px!important;text-align:center!important}
  .solution-cards .card-line{margin-left:auto!important;margin-right:auto!important}
  .solution-cards h3{font-size:16px!important;line-height:1.25!important;letter-spacing:0!important;margin:0 0 12px!important;text-align:center!important}
  .solution-cards p{font-size:14px!important;line-height:1.4!important;letter-spacing:0!important;text-align:center!important}

  .case-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:28px!important;width:100%!important;max-width:760px!important;margin-inline:auto!important}
  .case-grid article{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:520px!important;text-align:center!important}
  .case-grid h3{order:1!important;width:100%!important;margin:0!important;font-size:18px!important;line-height:1.25!important;letter-spacing:0!important;text-align:center!important}
  .case-grid img{order:2!important;display:block;width:min(100%,360px)!important;height:auto!important;aspect-ratio:1.42;margin-inline:auto!important}
  .case-grid p{order:3!important;width:100%!important;max-width:420px!important;margin:0 auto!important;font-size:15px!important;line-height:1.4!important;letter-spacing:0!important;text-align:center!important}

  .process-copy .tag{order:1!important;grid-column:1;margin-inline:auto!important}
  .process-photo{order:2!important;grid-row:auto!important;grid-column:1!important}
  .process-copy h2{order:3!important;grid-column:1;text-align:center!important}
  .process-copy p{order:4!important;grid-column:1;text-align:center!important}
  .process-cards{order:5!important;grid-column:1!important}
  .process-cards article h3{font-size:18px!important;line-height:1.25!important;letter-spacing:0!important}
  .process-cards article p{font-size:15px!important;line-height:1.4!important;letter-spacing:0!important}

  .cta-copy{align-items:center!important;text-align:center!important}
  .cta h2,.cta-accent,.cta-copy>p:not(.cta-accent),.cta .button{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .cta-copy>p:not(.cta-accent){max-width:680px!important}
}
@media (max-width:480px){
  .solution-cards{grid-template-columns:minmax(0,1fr)!important}
}