/* Three-card approach family: SEO and the seven service subpages. */
.concept-deep .approach-grid{
  --ddd-approach-radius:40px 40px 24px 24px;
  --ddd-approach-icon-box:54px;
  --ddd-approach-icon-art:30px;
  --ddd-approach-icon-top:46px;
  --ddd-approach-icon-bottom:28px;
  --ddd-approach-icon-radius:15px;
  --ddd-approach-heading:27px;
  --ddd-approach-copy:16px;
  --ddd-approach-label:13px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.service-subpage .approach-grid{
  --ddd-approach-radius:24px;
  --ddd-approach-icon-box:72px;
  --ddd-approach-icon-art:45px;
  --ddd-approach-icon-top:36px;
  --ddd-approach-icon-bottom:25px;
  --ddd-approach-icon-radius:20px;
  --ddd-approach-heading:24px;
  --ddd-approach-copy:14px;
  --ddd-approach-label:10px;
}
.concept-deep .approach-grid .approach-card{
  min-width:0;
  min-height:360px;
  padding:30px;
  border-radius:var(--ddd-approach-radius);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.concept-deep .approach-grid .approach-card>span{font-size:var(--ddd-approach-label)}
.concept-deep .approach-grid .approach-card .card-icon{
  width:var(--ddd-approach-icon-box);
  height:var(--ddd-approach-icon-box);
  margin:var(--ddd-approach-icon-top) 0 var(--ddd-approach-icon-bottom);
  border-radius:var(--ddd-approach-icon-radius);
  transition:color .24s ease,background .24s ease,box-shadow .24s ease;
}
.concept-deep .approach-grid .approach-card .card-icon svg{width:var(--ddd-approach-icon-art);height:var(--ddd-approach-icon-art)}
.concept-deep .approach-grid .approach-card h3{font-size:var(--ddd-approach-heading)}
.concept-deep .approach-grid .approach-card p{font-size:var(--ddd-approach-copy)}
.concept-deep .approach-grid .approach-card.featured{
  transform:translateY(-18px);
  background-color:#062744;
}
.concept-deep .approach-grid .approach-card:is(:hover,:active){
  transform:translateY(-6px);
  border-color:rgba(45,210,231,.78);
  box-shadow:0 18px 42px rgba(9,67,85,.13),0 0 24px rgba(45,232,253,.09);
}
.concept-deep .approach-grid .approach-card:is(:hover,:active) .card-icon{
  color:#07314a;
  background:#bcf7fb;
  box-shadow:0 0 24px rgba(45,232,253,.2);
}
.concept-deep .approach-grid .approach-card.featured:is(:hover,:active){
  transform:translateY(-24px);
  border-color:rgba(84,231,247,.82);
  box-shadow:0 22px 48px rgba(0,0,0,.27),0 0 28px rgba(45,232,253,.12);
}
.concept-deep .approach-grid .approach-card.featured:is(:hover,:active) .card-icon{
  color:#041a2f;
  background:#68effa;
  box-shadow:0 0 26px rgba(45,232,253,.27);
}
@media(max-width:900px){
  .concept-deep .approach-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .concept-deep .approach-grid{--ddd-approach-icon-top:34px;--ddd-approach-icon-bottom:22px}
  .service-subpage .approach-grid{--ddd-approach-icon-box:64px;--ddd-approach-icon-art:40px;--ddd-approach-icon-top:30px}
  .concept-deep .approach-grid .approach-card{min-height:300px}
  .concept-deep .approach-grid .approach-card.featured{transform:none}
  .concept-deep .approach-grid .approach-card.featured:is(:hover,:active){transform:translateY(-6px)}
}
@media(prefers-reduced-motion:reduce){
  .concept-deep .approach-grid .approach-card,
  .concept-deep .approach-grid .approach-card .card-icon{transition:none}
}