.wp-block-brandspeak-archiveloop {  margin-top:-10em;   padding:5em 0 0;  position:relative;  overflow:hidden; } .services-curve {  position:absolute;  inset:0 auto 0 50%;  transform:translateX(-50%);  width:120%;  min-height:100%;  height:100%;  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1423'%3E%3Cpath d='M1456 176.703C1235.57 63.7359 985.766 0 721.075 0C456.681 0 207.135 63.5934 -13.1096 176.323L-13.8165 176.686L-13.8498 176.703L-13.8497 1423H1456V176.703Z' fill='%23faf9f5'/%3E%3C/svg%3E");  background-repeat:no-repeat;  background-position:top center;  background-size:cover;  z-index:0; } .services__inner {  position:relative;  z-index:1;  max-width:1400px;  margin:0 auto;  padding:0 1.5em 9rem;  display:flex;  flex-direction:column; } .services__inner::after {  content:'';  display:block;  height:3rem; } .services__header {  text-align:center;  margin-bottom:3rem;  order:1; } .services__header h2 {  font-size:60px;  margin-bottom:0.5rem; } .services__header p {  margin:0;  color:#4a4a4a;  font-size:1.1rem; } .services__grid {  display:grid;  grid-template-columns:repeat(3, minmax(0, 1fr));  justify-items:center;  column-gap:2rem;  row-gap:2rem;  grid-auto-flow:row;  grid-auto-columns:minmax(280px, 1fr);  order:2; } @media (max-width:900px) {  .services__grid {   grid-template-columns:1fr;  }  .archive-service-item {   width:auto;   position:relative;   z-index:1;  }  .services__inner {   padding:3rem 1rem;  }  .services__cta {   position:relative !important;   transform:none !important;   width:auto;   margin-top:2rem;   margin-bottom:2rem;   padding:0;   justify-content:center;   align-items:center;   z-index:1;   left:auto !important;   bottom:auto !important;  }  .archive-service-item__body {   padding-top:20px;  }  .archive-service-item__title {   font-size:20px;  word-break:break-word;  }  .archive-service-item__excerpt {   font-size:15px;  } }  .archive-service-item {  background:transparent;  border-radius:0;  overflow:visible;  display:flex;  flex-direction:column;  transition:transform 0.3s ease;  height:100%;  width:100%; } .archive-service-item:hover {  transform:translateY(-4px); }  .archive-service-item__media {  width:100%;  aspect-ratio:16 / 9;  overflow:hidden;  background:#f5f5f5;  position:relative; } .archive-service-item__media a {  display:block;  width:100%;  height:100%; } .archive-service-item__media img {  width:100%;  height:100%;  object-fit:cover;  display:block;  transition:transform 0.3s ease; } .archive-service-item:hover .archive-service-item__media img {  transform:scale(1.05); } .archive-service-item__media--placeholder {  background:linear-gradient(135deg, #efece1 0%, #e5e2d9 100%);  display:flex;  align-items:center;  justify-content:center; }  .archive-service-item__body {  padding-top:20px;   display:flex;  flex-direction:column;  gap:16px;  flex:1; } .archive-service-item__title {  margin:0;  font-size:24px;   line-height:1.3;  color:#0b0b0b;  word-break:break-word; } .services__header h2 {  word-break:break-word; } .archive-service-item__excerpt {  margin:0;  font-size:16px;  line-height:1.6;  color:#5a5a5a;  flex:1; }  .archive-service-item__button {  --cta-bg:#43308a;  --cta-color:#ffffff;  --cta-icon-bg:#ffffff;  --cta-icon-color:#43308a;  --cta-padding-y:0.6125rem;  --cta-padding-x:1.225rem;  --cta-icon-offset:1.925rem;  position:relative;  display:inline-flex;  align-items:center;  justify-content:center;  text-decoration:none;  padding:var(--cta-padding-y) var(--cta-padding-x);  border-radius:999px;  background-color:var(--cta-bg);  color:var(--cta-color);  font-weight:500;  font-size:14px;  white-space:nowrap;  overflow:hidden;  transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.45s cubic-bezier(0.4, 0, 0.2, 1);  align-self:flex-start;  margin-top:auto; } .archive-service-item__button::after {  content:'';  position:absolute;  top:50%;  right:0.14rem;  width:1.47rem;  height:1.47rem;  border-radius:999px;  background-color:var(--cta-icon-bg);  transform:translate(120%, -50%) scale(0.4);  transition:transform 0.6s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.35s ease;  opacity:0;  box-shadow:0 6px 16px rgba(0, 0, 0, 0.15);  z-index:0; } .archive-service-item__button::before {  content:'';  position:absolute;  top:50%;  right:0.735rem;  width:0.455rem;  height:0.455rem;  border-top:2px solid transparent;  border-left:2px solid transparent;  border-right:2px solid var(--cta-icon-color);  border-bottom:2px solid var(--cta-icon-color);  transform:translate(140%, -50%) rotate(-45deg) scale(0.5);  transition:transform 0.6s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.35s ease;  opacity:0;  z-index:1; } .archive-service-item__button, .archive-service-item__button:visited {  color:var(--cta-color); } .archive-service-item__button:hover, .archive-service-item__button:focus-visible {  transform:translateY(-1px) scaleX(1.02);  box-shadow:none;  padding-right:calc(var(--cta-padding-x) + var(--cta-icon-offset));  color:var(--cta-color); } .archive-service-item__button:hover::after, .archive-service-item__button:focus-visible::after {  transform:translateY(-50%) translateX(0) scale(1);  opacity:1; } .archive-service-item__button:hover::before, .archive-service-item__button:focus-visible::before {  transform:translateY(-50%) translateX(0) rotate(-45deg) scale(1);  opacity:1; } .archive-service-item__button:focus-visible {  outline:2px solid rgba(255, 255, 255, 0.65);  outline-offset:3px; } .services__cta {  position:absolute;  left:50%;  bottom:0rem;  transform:translateX(-50%);  display:flex;  justify-content:center;  width:100%;  z-index:2;  padding:3rem 0 0 0;  margin-top:3rem;  margin-bottom:3rem;  order:3; } .services__bubble-button.btn-group {  display:inline-flex;  gap:0;  font-size:clamp(0.9rem, 2vw, 1.1rem);  justify-content:center; } .services__bubble-button .btn-bubble-arrow {  font-size:clamp(0.9rem, 2vw, 1.05rem); } .services__bubble-button .btn-bubble-arrow__arrow {  width:36px;  height:36px;  transform:scale(1) rotate(0.001deg);  background-color:var(--bubble-arrow-bg, #f7f7f2);  color:var(--bubble-arrow-color, #0b0b0b); } .services__bubble-button .btn-bubble-arrow__content {  backdrop-filter:blur(16px);  background-color:var(--bubble-content-bg, #43308a);  color:var(--bubble-content-color, #ffffff);  padding:0 8px;  transform:translateX(0) rotate(0.001deg); } .services__bubble-button .btn-bubble-arrow__arrow.is--duplicate {  background-color:var(--bubble-arrow-duplicate-bg, #f7f7f2); } @media (max-width:640px) {  .services__header {   text-align:left;  } }