.seo-services{background:var(--black);color:var(--white);padding:150px var(--grid-margin);border-top:1px solid var(--dark-grey2);border-bottom:1px solid var(--dark-grey2)}
.seo-services__intro,.seo-services__rows,.seo-services__selection{max-width:calc((10 * var(--grid-column-width)) + (9 * var(--grid-gutter)));margin:0 auto}.seo-services__intro>.mono,.seo-services__selection>.mono{color:var(--text-grey)}.seo-services__lead{display:grid;grid-template-columns:1.45fr .7fr;gap:var(--grid-gutter);align-items:end;margin:36px 0 110px}.seo-services h2,.seo-services h3,.seo-services p{margin:0}.seo-services__lead h2,.seo-services__selection h2{font:500 clamp(48px,5.5vw,88px)/.88 "LayGrotesk",sans-serif;letter-spacing:-.05em}.seo-services__lead>p,.seo-services__selection div>p{max-width:430px;font-size:18px;line-height:1.42}.seo-services__rows{border-top:1px solid var(--dark-grey2)}.seo-service-row{display:grid;grid-template-columns:1fr 7fr auto;gap:var(--grid-gutter);align-items:start;padding:28px 0 30px;border-bottom:1px solid var(--dark-grey2)}.seo-service-row__number{color:var(--text-grey);padding-top:8px}.seo-service-row h3{font:500 clamp(30px,3.25vw,56px)/.94 "LayGrotesk",sans-serif;letter-spacing:-.045em;max-width:900px}.seo-service-row h3 span{color:var(--text-grey)}.seo-service-row h3 a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .25s ease,color .25s ease}.seo-service-row h3 a:hover{color:var(--yellow);background-size:100% 1px}.seo-service-row div>p{margin-top:18px;max-width:520px;font-size:16px;line-height:1.4;color:var(--text-grey)}.seo-service-row__arrow{display:grid;place-items:center;width:41px;height:41px;border:1px solid var(--dark-grey2);border-radius:50%;font:500 20px/1 "IBM Plex Mono",monospace;transition:background-color .25s ease,color .25s ease}.seo-service-row__arrow:hover{background:var(--yellow);color:var(--black)}.seo-services__selection{display:grid;grid-template-columns:1fr 7fr;gap:var(--grid-gutter);margin-top:110px;padding:30px 0 0;border-top:1px solid var(--dark-grey2)}.seo-services__selection div{display:grid;grid-template-columns:1.45fr .7fr;gap:var(--grid-gutter);align-items:end}.seo-services__selection h2{grid-column:1;grid-row:1}.seo-services__selection div>p{grid-column:2;grid-row:1}.seo-services__actions{grid-column:1 / -1!important;grid-row:2!important;display:flex;gap:12px;margin-top:28px!important;max-width:none!important}.seo-services__actions a{display:inline-flex;align-items:center;gap:10px;min-height:41px;border:1px solid var(--dark-grey2);border-radius:2px;padding:0 14px;font:500 12px/1 "IBM Plex Mono",monospace;text-transform:uppercase;color:inherit;text-decoration:none;transition:background-color .25s ease,color .25s ease}.seo-services__actions a:hover{background:var(--yellow);color:var(--black)}.seo-services a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
@media(max-width:900px){.seo-services{padding:100px var(--grid-margin)}.seo-services__lead{grid-template-columns:1fr 1fr;margin-bottom:80px}.seo-service-row{grid-template-columns:70px 1fr auto}.seo-services__selection{grid-template-columns:70px 1fr;margin-top:80px}.seo-services__selection div{grid-template-columns:1fr 1fr}.seo-services__lead h2,.seo-services__selection h2{font-size:clamp(44px,7.5vw,68px)}}
@media(max-width:600px){.seo-services{padding:75px var(--grid-margin)}.seo-services__lead{display:block;margin:26px 0 60px}.seo-services__lead>p{margin-top:26px}.seo-service-row{grid-template-columns:1fr auto;gap:14px;padding:22px 0}.seo-service-row__number{grid-column:1 / -1;padding:0}.seo-service-row h3{font-size:clamp(31px,10vw,42px)}.seo-services__selection{display:block;margin-top:60px;padding-top:22px}.seo-services__selection> .mono{margin-bottom:26px}.seo-services__selection div{display:block}.seo-services__selection div>p{margin-top:26px}.seo-services__actions{display:grid;grid-template-columns:1fr;gap:8px}.seo-services__actions a{justify-content:space-between}.seo-service-row__arrow{margin-top:4px}}
/* Services portfolio: keep cards within narrow viewports. */
@media (max-width: 900px) {
  .effects .e-list { grid-template-columns: minmax(0, 1fr); }
  .effects .e-list li, .effects .e-list li iframe { max-width: 100%; }
}
