/* =========================
   SERVICE HERO
========================= */

.service-hero-shell{
  width: 100%;
}

@media (min-width: 992px){

  .service-hero-shell{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  .service-hero{
    flex: 1;
    min-height: 0;
  }

}

.service-hero{
  position: relative;
  min-height: 82vh;
  background: #000;
  color: #fff;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

@media (min-width: 992px){
  .service-hero{
    min-height: 0;
  }
}

.service-hero__media{
  position: absolute;
  inset: 0;
}

.service-hero__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.service-hero__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.84) 0%, rgba(0,0,0,0.48) 45%, rgba(0,0,0,0.18) 100%);
  z-index: 1;
}

.service-hero__inner{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 140px 32px 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.service-hero__content{
  max-width: 820px;
}

.service-hero__eyebrow{
  margin: 0 0 14px;
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.72);
}

.service-hero__title{
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(36px, 5vw, 68px);
  line-height: 1.02;
  color: #fff;
}

/* =========================
   BULLETS
========================= */

.service-hero__points{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 34px;
}

.service-hero__point{
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.service-hero__icon{
  flex: 0 0 auto;
}

.service-hero__icon-svg{
  width: 18px;
  height: 18px;
  display: block;
  color: rgba(255,255,255,0.9);
}

.service-hero__point-text{
  margin: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255,255,255,0.92);
}

.service-hero__point-text strong{
  color: #fff;
  font-weight: 700;
}


@media (max-width: 1290px){
  .service-hero__points{
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin-top: 28px;
  }

  .service-hero__point{
    white-space: normal;
  }
}

@media (max-width: 991px){
  .service-hero{
    min-height: 65vh;
  }

  .service-hero__inner{
    padding: 110px 24px 34px;
  }
}

@media (max-width: 640px){
  .service-hero{
    min-height: 55vh;
  }

  .service-hero__inner{
    padding: 80px 18px 28px;
  }

  .service-hero__title{
    font-size: clamp(32px, 9vw, 46px);
  }

  .service-hero__point-text{
    font-size: 15px;
    line-height: 1.55;
  }
}

/* initial state */
.service-hero__point{
  opacity: 0;
  transform: translateY(24px);
  animation: heroPointFadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* stagger timing */
.service-hero__point:nth-child(1){
  animation-delay: 0.5s;
}

.service-hero__point:nth-child(2){
  animation-delay: 1s;
}

.service-hero__point:nth-child(3){
  animation-delay: 1.5s;
}

/* animation */
@keyframes heroPointFadeUp{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   QUICK FORM
========================= */

.service-quick-form{
  border-top:2px solid #000;
  background:#fff;
}

.service-quick-form__inner{
  max-width:1200px;
  margin:0 auto;
  padding:18px 24px;
}

.service-quick-wpforms .wpforms-container{
  margin:0 !important;
}

.service-quick-wpforms .wpforms-form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1.35fr auto;
  gap:24px;
  align-items:center;
}

.service-quick-wpforms .wpforms-field-container{
  display:contents;
}

.service-quick-wpforms .wpforms-field{
  position:relative;
  padding:0 !important;
  margin:0 !important;
  min-height:52px;
  display:flex;
  align-items:center;
  border-bottom:1.5px solid #000;
  box-sizing:border-box;
}

.service-quick-wpforms .wpforms-field-label{
  display:none !important;
}

.service-quick-wpforms input,
.service-quick-wpforms textarea{
  width:100% !important;
  max-width:100% !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#000 !important;
  font-family:var(--font-sans) !important;
  font-size:16px !important;
  padding:0 0 0 30px !important;
  margin:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  resize:none;
  box-sizing:border-box !important;
}

.service-quick-wpforms textarea{
  height:24px !important;
  min-height:24px !important;
  line-height:24px !important;
  overflow:hidden !important;
}

#wpforms-4284 input::placeholder,
#wpforms-4284 textarea::placeholder{
  color:rgba(0,0,0,.55) !important;
  opacity:1 !important;
}

/* Icon base */
.service-quick-wpforms .service-field-icon::before{
  content:"";
  position:absolute;
  left:4px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  background:rgba(0,0,0,.85);
  pointer-events:none;
  z-index:2;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

/* Name icon */
.service-quick-wpforms .service-name::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M12 14C8.13401 14 5 17.134 5 21H19C19 17.134 15.866 14 12 14Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M12 14C8.13401 14 5 17.134 5 21H19C19 17.134 15.866 14 12 14Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}

/* Phone icon */
.service-quick-wpforms .service-phone::before{
  transform:translateY(-50%) scaleX(-1);
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 5.5C21 14.0604 14.0604 21 5.5 21C5.11378 21 4.73086 20.9859 4.35172 20.9581C3.91662 20.9262 3.69906 20.9103 3.50103 20.7963C3.33701 20.7019 3.18146 20.5345 3.09925 20.364C3 20.1582 3 19.9181 3 19.438V16.6207C3 16.2169 3 16.015 3.06645 15.842C3.12515 15.6891 3.22049 15.553 3.3441 15.4456C3.48403 15.324 3.67376 15.255 4.05321 15.117L7.26005 13.9509C7.70153 13.7904 7.92227 13.7101 8.1317 13.7237C8.31637 13.7357 8.49408 13.7988 8.64506 13.9058C8.81628 14.0271 8.93713 14.2285 9.17882 14.6314L10 16C12.6499 14.7999 14.7981 12.6489 16 10L14.6314 9.17882C14.2285 8.93713 14.0271 8.81628 13.9058 8.64506C13.7988 8.49408 13.7357 8.31637 13.7237 8.1317C13.7101 7.92227 13.7904 7.70153 13.9509 7.26005L15.117 4.05321C15.255 3.67376 15.324 3.48403 15.4456 3.3441C15.553 3.22049 15.6891 3.12515 15.842 3.06645C16.015 3 16.2169 3 16.6207 3H19.438C19.9181 3 20.1582 3 20.364 3.09925C20.5345 3.18146 20.7019 3.33701 20.7963 3.50103C20.9103 3.69907 20.9262 3.91662 20.9581 4.35173C20.9859 4.73086 21 5.11378 21 5.5Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 5.5C21 14.0604 14.0604 21 5.5 21C5.11378 21 4.73086 20.9859 4.35172 20.9581C3.91662 20.9262 3.69906 20.9103 3.50103 20.7963C3.33701 20.7019 3.18146 20.5345 3.09925 20.364C3 20.1582 3 19.9181 3 19.438V16.6207C3 16.2169 3 16.015 3.06645 15.842C3.12515 15.6891 3.22049 15.553 3.3441 15.4456C3.48403 15.324 3.67376 15.255 4.05321 15.117L7.26005 13.9509C7.70153 13.7904 7.92227 13.7101 8.1317 13.7237C8.31637 13.7357 8.49408 13.7988 8.64506 13.9058C8.81628 14.0271 8.93713 14.2285 9.17882 14.6314L10 16C12.6499 14.7999 14.7981 12.6489 16 10L14.6314 9.17882C14.2285 8.93713 14.0271 8.81628 13.9058 8.64506C13.7988 8.49408 13.7357 8.31637 13.7237 8.1317C13.7101 7.92227 13.7904 7.70153 13.9509 7.26005L15.117 4.05321C15.255 3.67376 15.324 3.48403 15.4456 3.3441C15.553 3.22049 15.6891 3.12515 15.842 3.06645C16.015 3 16.2169 3 16.6207 3H19.438C19.9181 3 20.1582 3 20.364 3.09925C20.5345 3.18146 20.7019 3.33701 20.7963 3.50103C20.9103 3.69907 20.9262 3.91662 20.9581 4.35173C20.9859 4.73086 21 5.11378 21 5.5Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}

/* Email icon */
.service-quick-wpforms .service-email::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8L8.44992 11.6333C9.73295 12.4886 10.3745 12.9163 11.0678 13.0825C11.6806 13.2293 12.3194 13.2293 12.9322 13.0825C13.6255 12.9163 14.2671 12.4886 15.5501 11.6333L21 8M6.2 19H17.8C18.9201 19 19.4802 19 19.908 18.782C20.2843 18.5903 20.5903 18.2843 20.782 17.908C21 17.4802 21 16.9201 21 15.8V8.2C21 7.0799 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V15.8C3 16.9201 3 17.4802 3.21799 17.908C3.40973 18.2843 3.71569 18.5903 4.09202 18.782C4.51984 19 5.07989 19 6.2 19Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8L8.44992 11.6333C9.73295 12.4886 10.3745 12.9163 11.0678 13.0825C11.6806 13.2293 12.3194 13.2293 12.9322 13.0825C13.6255 12.9163 14.2671 12.4886 15.5501 11.6333L21 8M6.2 19H17.8C18.9201 19 19.4802 19 19.908 18.782C20.2843 18.5903 20.5903 18.2843 20.782 17.908C21 17.4802 21 16.9201 21 15.8V8.2C21 7.0799 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V15.8C3 16.9201 3 17.4802 3.21799 17.908C3.40973 18.2843 3.71569 18.5903 4.09202 18.782C4.51984 19 5.07989 19 6.2 19Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}

/* Message icon */
.service-quick-wpforms .service-message::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2896 17.9984C18.0965 17.9343 21 15.9189 21 11C21 6 18 4 12 4C6 4 3 6 3 11C3 14.0771 4.13623 16.018 6.40868 17.0557L5 21L12.2896 17.9984Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2896 17.9984C18.0965 17.9343 21 15.9189 21 11C21 6 18 4 12 4C6 4 3 6 3 11C3 14.0771 4.13623 16.018 6.40868 17.0557L5 21L12.2896 17.9984Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}

/* Submit button */
.service-quick-wpforms .wpforms-submit-container{
  margin:0 !important;
  padding:0 !important;
}

.service-quick-wpforms button[type="submit"]{
  border:0 !important;
  background:#000 !important;
  color:#fff !important;
  padding:14px 22px !important;
  font-family:var(--font-sans) !important;
  font-weight:500 !important;
  font-size:14px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  cursor:pointer;
  white-space:nowrap;
  transition:background 200ms ease, transform 200ms ease;
  min-height:52px !important;
  border-radius:0 !important;
}

.service-quick-wpforms button[type="submit"]:hover{
  background:#222 !important;
  transform:translateY(-2px);
}

@media (max-width:1200px){
  .service-quick-wpforms .wpforms-form{
    grid-template-columns:1fr 1fr;
  }

  .service-quick-wpforms .wpforms-submit-container{
    grid-column:1 / -1;
  }

  .service-quick-wpforms button[type="submit"]{
    width:100%;
  }
}

@media (max-width:767px){
  .service-quick-wpforms .wpforms-form{
    grid-template-columns:1fr;
    gap:18px;
  }

  .service-quick-wpforms .wpforms-field{
    min-height:52px;
  }

  .service-quick-wpforms button[type="submit"]{
    width:100%;
  }
}

@media (max-width:640px){
  .service-quick-form__inner{
    padding:18px;
  }
}

.service-quick-wpforms .wpforms-field-limit-text{
  display:none !important;
}


/* ========================
    What We Build 
==========================*/

.service-build-options{
  position: relative;
  background: #000;
  color: #fff;
  overflow: hidden;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.service-build-options__bg{
  position: absolute;
  inset: 0;
  z-index: 0;
}

.service-build-options__bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.service-build-options__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.68);
  z-index: 0;
}

.service-build-options__inner{
  position: relative;
  z-index: 1;
  max-width: 1300px;
  margin: 0 auto;
  padding: 84px 24px;
}

.service-build-options__header{
  max-width: 820px;
  margin: 0 auto 42px;
  text-align: center;
}

.service-build-options__eyebrow{
  margin: 0 0 14px;
  font-family: var(--font-sans);
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
}

.service-build-options__title{
  margin: 0 0 16px;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.05;
  color: #fff;
}

.service-build-options__text{
  margin: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255,255,255,0.84);
}

.service-build-options__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.service-build-option{
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(5px);
  padding: 30px 24px;
  text-align: center;
}

.service-build-option__icon{
  margin-bottom: 18px;
}

.service-build-option__icon-svg{
  width: 28px;
  height: 28px;
  display: block;
  margin: 0 auto;
  color: #fff;
}


.service-build-option__title{
  margin: 0 0 12px;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: 1.45rem;
  line-height: 1.1;
  color: #fff;
}

.service-build-option__text{
  margin: 0;
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255,255,255,0.82);
}

@media (max-width: 991px){
  .service-build-options__inner{
    padding: 72px 22px;
  }

  .service-build-options__grid{
    grid-template-columns: 1fr;
    gap: 18px;
    max-width: 760px;
    margin: 0 auto;
  }
}

@media (max-width: 640px){
  .service-build-options__inner{
    padding: 56px 18px;
  }

  .service-build-options__title{
    font-size: clamp(26px, 8vw, 34px);
  }

  .service-build-options__text{
    font-size: 15px;
    line-height: 1.65;
  }

  .service-build-option{
    padding: 24px 20px;
  }
}


/* =========================
   MAIN CONTENT
========================= */

.service-content{
  background: #fff;
  color: #000;
}

.service-content__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 78px 24px;
}

.service-content__main{
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.8;
  color: rgba(0,0,0,0.88);
}

.service-content__main > *:first-child{
  margin-top: 0;
}

.service-content__main h2{
  margin: 46px 0 16px;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.08;
  color: #000;
}

.service-content__main h3{
  margin: 30px 0 12px;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.15;
  color: #000;
}

.service-content__main p{
  margin: 0 0 18px;
}

.service-content__main ul,
.service-content__main ol{
  margin: 0 0 24px 22px;
  padding: 0;
}

.service-content__main li{
  margin: 0 0 10px;
}

.service-content__main a{
  color: #000;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

@media (max-width: 640px){
  .service-content__inner{
    padding: 56px 18px;
  }
}

.service-content__main{
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.8;
  color: rgba(0,0,0,0.88);
}

.service-content__main > *{
  opacity: 0;
  transform: translateX(-28px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.service-content__main > *.is-visible{
  opacity: 1;
  transform: translateX(0);
}

/* =========================
   PROJECTS
========================= */

.service-projects{
  background: #000;
  color: #fff;
}

.service-projects__header{
  padding: 18px 24px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.service-projects__title{
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left;
}

.service-projects__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: #000;
}

.service-project-card{
  position: relative;
  background: #111;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.service-project-card:nth-child(3n){
  border-right: 0;
}

.service-project-card:nth-last-child(-n + 3){
  border-bottom: 0;
}

.service-project-card__link{
  display: block;
  width: 100%;
  aspect-ratio: 8 / 5;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}

.service-project-card__media{
  position: relative;
  width: 100%;
  height: 100%;
}

.service-project-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.service-project-card__placeholder{
  width: 100%;
  height: 100%;
  background: #222;
}

.service-project-card__title{
  position: absolute;
  left: 20px;
  bottom: 18px;
  margin: 0;
  color: #fff;
  font-family: var(--font-serif);
  font-size: 1.2rem;
  z-index: 2;
}

@media (min-width: 768px){
  .service-project-card__link::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.58);
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: 1;
    pointer-events: none;
  }

  .service-project-card__title{
    opacity: 0;
    transition: opacity 0.25s ease;
  }

  .service-project-card__link:hover::after{
    opacity: 1;
  }

  .service-project-card__link:hover .service-project-card__title{
    opacity: 1;
  }
}

@media (max-width: 767px){
  .service-project-card__link::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.38) 38%, rgba(0,0,0,0) 68%);
    z-index: 1;
    pointer-events: none;
  }
}

.service-projects__footer{
  padding: 18px 24px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  display: flex;
  justify-content: flex-start;
}

.service-projects__view-all{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  font-family: var(--font-sans);
  font-size: 16px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

@media (max-width: 1100px){
  .service-projects__grid{
    grid-template-columns: repeat(2, 1fr);
  }

  .service-project-card:nth-child(3n){
    border-right: 2px solid #fff;
  }

  .service-project-card:nth-child(2n){
    border-right: 0;
  }

  .service-project-card:nth-last-child(-n + 3){
    border-bottom: 2px solid #fff;
  }

  .service-project-card:nth-last-child(-n + 2){
    border-bottom: 0;
  }
}

@media (max-width: 767px){
  .service-projects__grid{
    grid-template-columns: 1fr;
  }

  .service-project-card{
    border-right: 0;
  }

  .service-project-card:last-child{
    border-bottom: 0;
  }
}


/* =========================
   FAQ
========================= */

.service-faq{
  background: #fff;
  color: #000;
}

.service-faq__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 82px 24px;
}

.service-faq__header{
  max-width: 720px;
  margin-bottom: 32px;
}

.service-faq__eyebrow{
  margin: 0 0 14px;
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.58);
}

.service-faq__title{
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.08;
}

@media (max-width: 640px){
  .service-faq__inner{
    padding: 56px 18px;
  }
}