/* Native sticky cards preserve normal scrolling and reverse cleanly. */
#services{background:var(--ink);color:var(--paper);padding:60px 0 90px;position:relative;scroll-margin-top:24px}
#services>.wrap{border-top:1px solid var(--line);padding-top:48px}
#services .section-top{margin-bottom:70px}
#services .section-top>.eyebrow{color:var(--orange)}
#services .section-top h2{margin-bottom:28px}
#services .section-top>div>p{color:#bdb8b1}
#service-list{display:block;padding-bottom:12vh;isolation:isolate}
#service-list .stack-card{position:sticky;top:calc(24px + var(--card-index)*12px);z-index:calc(1 + var(--card-index));min-height:570px;height:calc(83svh - var(--card-index)*12px);max-height:780px;margin:0 0 13vh;padding:30px 42px 28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffffff20;border-radius:20px;background:#f7f6f2;color:#242323;box-shadow:0 -12px 40px #00000020;overflow:hidden}
#service-list .stack-card:nth-child(2){background:#d5d0c8}
#service-list .stack-card:nth-child(3){background:#ff6300}
#service-list .stack-card:nth-child(4){background:#353432;color:#f7f6f2}
#service-list .stack-card:nth-child(5){background:#e5e4de}
#service-list .stack-card:nth-child(6){background:#ff6300;margin-bottom:0}
.card-top,.card-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1.4px;text-transform:uppercase}
.card-top{border-bottom:1px solid currentColor;padding-bottom:20px}
.card-body{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;padding:55px 0}
#service-list .card-body h3{font-size:clamp(54px,7.2vw,108px);font-weight:500;line-height:.96;letter-spacing:-.065em;margin:0;max-width:560px}
#service-list .card-details p{font-size:clamp(18px,1.7vw,24px);line-height:1.45;max-width:440px;color:inherit;margin-bottom:35px}
#service-list .format{font-size:12px;letter-spacing:1px;border-top:1px solid currentColor;padding-top:18px;display:block}
.card-bottom{opacity:.7;letter-spacing:.7px}
@media(max-width:700px){#services{padding-top:30px}#services>.wrap{padding-top:32px}#services .section-top{margin-bottom:38px}#service-list .stack-card{top:calc(12px + var(--card-index)*7px);height:calc(77svh - var(--card-index)*7px);min-height:510px;max-height:none;padding:24px;border-radius:14px;margin-bottom:10vh}.card-body{grid-template-columns:1fr;gap:32px;padding:30px 0}#service-list .card-body h3{font-size:clamp(48px,13vw,70px)}#service-list .card-details p{font-size:18px;margin-bottom:24px}.card-top,.card-bottom{font-size:11px;letter-spacing:.6px}#service-list .format{font-size:11px}#service-list{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce),(max-height:620px){#service-list .stack-card{position:relative;top:auto;height:auto;min-height:0;margin-bottom:24px}.card-body{padding:40px 0}#service-list{padding-bottom:0}}
