.floating-nav .is-current{background:#fff;color:var(--ink)}
.services-page{padding-top:150px}
.services-hero{min-height:620px;padding:55px 4vw 85px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;column-gap:8vw;align-items:end}
.services-hero>.kicker{grid-column:1/-1;align-self:start}
.services-hero h1,.service-copy h2,.also-section h2,.services-cta h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.85;margin:0}
.services-hero h1{max-width:900px;font-size:clamp(3.8rem,7vw,6.6rem)}
.hero-summary{align-self:end;max-width:540px}.hero-summary p{font-family:var(--serif);font-size:clamp(1.45rem,2.25vw,2.2rem);line-height:1.12;margin:0 0 35px}.hero-summary a{display:inline-flex;gap:24px;text-decoration:none;font-weight:600}.hero-summary .link-text,.hero-summary .link-arrow,.proof-card .link-text,.proof-card .link-arrow{position:relative}.hero-summary .link-text::after,.hero-summary .link-arrow::after,.proof-card .link-text::after,.proof-card .link-arrow::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(1);transform-origin:left}.hero-summary a:hover .link-text::after,.hero-summary a:focus-visible .link-text::after,.hero-summary a:hover .link-arrow::after,.hero-summary a:focus-visible .link-arrow::after,.proof-card a:hover .link-text::after,.proof-card a:focus-visible .link-text::after,.proof-card a:hover .link-arrow::after,.proof-card a:focus-visible .link-arrow::after{animation:underline-sweep .58s cubic-bezier(.65,0,.35,1)}
.service-list{display:grid;gap:18px;padding-bottom:120px}
.service-card{min-height:650px;padding:clamp(28px,5vw,70px);border-radius:28px;display:grid;grid-template-columns:54px minmax(0,1.2fr) minmax(260px,.7fr);column-gap:clamp(24px,2.6vw,46px);align-items:center;color:#fff;overflow:hidden}
.service-web{background:linear-gradient(180deg,#4e524b 0%,#394039 34%,#1f261d 68%,#081008 100%)}
.service-shopify{background:linear-gradient(180deg,#6d604e 0%,#443c31 36%,#211d18 70%,#0b0907 100%)}
.service-email{background:linear-gradient(180deg,#4a4054 0%,#302938 38%,#19151f 70%,#09070c 100%)}
.service-number{align-self:start;font-family:monospace;font-size:.8rem;letter-spacing:.1em;color:#c9cec7}
.service-copy .label,.proof-card .label{color:#c9cec7;margin:0 0 24px}
.service-copy h2{max-width:780px;font-size:clamp(3.4rem,6.5vw,6.7rem)}
.service-copy>p:not(.label){max-width:650px;margin:32px 0;color:#d8ddd6;font-size:1.05rem}
.service-tags{display:flex;flex-wrap:wrap;gap:9px}.service-tags span{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.service-tags img{width:20px;height:20px;object-fit:contain}
.service-detail-link{display:inline-flex;margin-top:28px;font-size:.86rem;font-weight:600}
.proof-card{align-self:end;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.proof-image{display:block!important;margin:-4px -4px 20px;padding:0!important;border:0!important;border-radius:14px;overflow:hidden}.proof-image img{display:block;width:100%;height:120px;object-fit:cover;object-position:top center;transition:transform .55s cubic-bezier(.22,1,.36,1)}.proof-image:hover img,.proof-image:focus-visible img{transform:scale(1.035)}.proof-card strong{display:block;font-family:var(--serif);font-size:2.15rem;font-weight:400;line-height:1;margin-bottom:14px}.proof-card>p:not(.label){color:#d8ddd6;font-size:.9rem;line-height:1.5}.proof-card a:not(.proof-image){display:flex;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-weight:600;font-size:.84rem}
.also-section{padding:95px 4vw 95px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.also-section h2{max-width:760px;font-size:clamp(3.4rem,5.5vw,5.5rem);margin-top:18px}.also-grid{align-self:center;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.also-grid>div{display:grid;gap:6px;padding:20px 8px;border-bottom:1px solid var(--line)}.also-grid strong{font-size:.95rem}.also-grid span{max-width:28ch;color:var(--mid);font-size:.78rem;line-height:1.45}
.services-cta{margin:0 0 24px;padding:clamp(45px,6vw,85px);min-height:510px;border-radius:28px;background:var(--yellow);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.services-cta h2{font-size:clamp(4.5rem,9vw,9rem);margin:18px 0 30px}.services-cta .pill-button{color:var(--ink)}
@media(max-width:900px){.services-hero{grid-template-columns:1fr;gap:60px}.services-hero>.kicker{grid-column:auto}.service-card{grid-template-columns:45px 1fr}.proof-card{grid-column:2}.also-section{gap:5vw}}
@media(max-width:650px){.services-page{padding-top:80px}.services-hero{min-height:0;padding:55px 8px 85px;gap:45px}.services-hero h1{font-size:clamp(3.36rem,17.6vw,4.96rem)}.hero-summary p{font-size:1.55rem}.service-list{gap:12px;padding-bottom:90px}.service-card{min-height:0;padding:34px 24px 28px;border-radius:20px;grid-template-columns:1fr;gap:32px}.service-number{order:-1}.service-copy h2{font-size:3.5rem}.service-copy>p:not(.label){margin:24px 0}.proof-card{grid-column:auto;padding:22px}.also-section{padding:70px 8px 80px;grid-template-columns:1fr;gap:50px}.also-section h2{font-size:3.55rem}.also-grid{grid-template-columns:1fr}.services-cta{min-height:440px;border-radius:20px;padding:38px 26px 55px}.services-cta h2{font-size:4.2rem}}

.service-card{scroll-margin-top:110px}

/* Match the stacked, pinned presentation used by featured work */
@media(min-width:901px){.service-list{position:relative;padding-bottom:0}.service-list::after{content:"";display:block;height:30svh}.service-card{position:sticky;top:84px;height:calc(100svh - 108px);min-height:0;max-height:720px;margin-bottom:12vh;box-shadow:0 28px 70px rgba(8,16,8,.22);transform-origin:center top}.service-card:nth-of-type(1){z-index:1}.service-card:nth-of-type(2){z-index:2}.service-card:nth-of-type(3){z-index:3}.service-card:last-of-type{margin-bottom:0}}
@media(min-width:901px) and (max-height:700px){.service-card{padding:38px}.service-copy h2{font-size:clamp(3.2rem,5.6vw,5rem)}.service-copy>p:not(.label){margin:22px 0;font-size:.95rem}.proof-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.hero-summary a:hover .link-text::after,.hero-summary a:focus-visible .link-text::after,.hero-summary a:hover .link-arrow::after,.hero-summary a:focus-visible .link-arrow::after,.proof-card a:hover .link-text::after,.proof-card a:focus-visible .link-text::after,.proof-card a:hover .link-arrow::after,.proof-card a:focus-visible .link-arrow::after{animation:none}}