.services-page{background-color:var(--base-100);color:var(--base-400)}.services-header{align-items:flex-end;min-height:85svh;display:flex}.services-header .container{flex-direction:column;gap:1.5rem;padding-bottom:4rem;display:flex}.services-header h1{font-size:clamp(5rem,17vw,20rem);line-height:.85}.services-header .services-intro{max-width:38rem;color:var(--base-300)}.services-list .container{flex-direction:column;display:flex}.service{border-top:1px solid #0000001a;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:4rem;padding:6rem 0;scroll-margin-top:6rem;display:grid}.service:nth-child(2n) .service-copy{order:2}.service-copy{flex-direction:column;align-items:flex-start;gap:1.75rem;display:flex}.service-copy h2{color:#141414;font-size:clamp(3rem,6vw,6.5rem)}.service-copy p.lg{color:var(--base-300);max-width:36rem}.service-index{color:var(--base-500)!important}.service-deliverables{width:100%;max-width:36rem}.service-deliverables ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1.5rem;margin-top:.75rem;list-style:none;display:grid}.service-deliverables li{padding:.6rem 0;color:#141414;border-bottom:1px solid #00000014;padding-inline-start:1.25rem;font-family:PP Neue Montreal,sans-serif;font-size:1rem;position:relative}.service-deliverables li:before{content:"";inset-inline-start:0;background-color:var(--base-500);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:1.15rem}.service-media{aspect-ratio:4/5;background-color:#141414;border-radius:1rem;position:relative;overflow:hidden}.service-media img{object-fit:cover;will-change:transform;width:100%;height:100%}.service-media.is-phone{background:radial-gradient(circle at 50% 35%,#2e2e2e 0%,#0d0d0d 75%)}.service-media.is-phone img{object-fit:contain;padding:3rem 0}.services-process{color:var(--base-100);background-color:#141414;padding:8rem 0}.services-process h2{margin-bottom:4rem;font-size:clamp(3rem,8vw,8rem)}.process-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;list-style:none;display:grid}.process-step{background-color:#1f1f1f;border:1px solid #ffffff0f;border-radius:1rem;flex-direction:column;gap:1rem;min-height:18rem;padding:2rem 1.5rem;transition:background-color .4s,transform .4s;display:flex}.process-step:hover{background-color:var(--base-500);transform:translateY(-6px)}.process-step:hover .process-index,.process-step:hover p{color:#141414}.process-index{color:var(--base-500);font-family:Geist Mono,monospace;font-size:.85rem}.process-step h3{margin-top:auto;font-size:2.25rem}.process-step p{color:var(--base-200);font-size:1rem}.services-faq{padding:8rem 0 4rem}.services-faq .container{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:4rem;display:grid}.services-faq h2{font-size:clamp(3rem,7vw,7rem)}.faq-item{border-bottom:1px solid #0000001f}.faq-item summary{cursor:pointer;color:#141414;justify-content:space-between;align-items:center;gap:2rem;padding:1.75rem 0;font-family:PP Neue Montreal,sans-serif;font-size:1.5rem;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{flex-shrink:0;width:1.25rem;height:1.25rem;position:relative}.faq-icon:before,.faq-icon:after{content:"";background-color:var(--base-500);width:100%;height:2px;transition:transform .3s;position:absolute;top:50%;left:0}.faq-icon:after{transform:rotate(90deg)}.faq-item[open] .faq-icon:after{transform:rotate(0)}.faq-item p{max-width:48rem;color:var(--base-300);padding-bottom:1.75rem}@media (max-width:1000px){.services-header{min-height:60svh}.services-header .container{padding-top:8rem;padding-bottom:3rem}.service{grid-template-columns:1fr;gap:2.5rem;padding:4rem 0}.service:nth-child(2n) .service-copy{order:0}.service-media{aspect-ratio:4/3}.service-deliverables ul{grid-template-columns:1fr}.services-process{padding:5rem 0}.services-process h2{margin-bottom:2.5rem}.process-steps{grid-template-columns:1fr}.process-step{min-height:auto}.process-step h3{margin-top:0;font-size:1.75rem}.services-faq{padding:5rem 0 2rem}.services-faq .container{grid-template-columns:1fr;gap:2rem}.faq-item summary{padding:1.25rem 0;font-size:1.15rem}}@media (min-width:1001px) and (max-width:1400px){.process-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}