/* A typographic chapter between the opening image and the selected work. */
.services-story{background:#101010;color:#f6f3f5;padding:92px 0 48px;overflow:hidden}
.services-story-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:64px}
.services-story-heading .eyebrow{color:#d3cbd1;padding-top:7px}
.services-story-heading h2{font-size:clamp(32px,3.8vw,56px);font-weight:400;line-height:1.1;letter-spacing:-.05em;max-width:440px}
.services-story-heading em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.service-chapter{position:relative;padding:32px 0 38px;border-top:1px solid #ffffff30;max-width:100%}
.chapter-opening{display:flex;align-items:center;gap:24px;font-size:12px;letter-spacing:.1em;line-height:1.6;color:#c2bac0}
.chapter-number{color:var(--pink);font-size:14px;letter-spacing:0}
.chapter-title{font-size:clamp(88px,13.8vw,192px);font-weight:500;letter-spacing:-.075em;line-height:1.04;margin:14px 0 22px;overflow:hidden;padding-bottom:.08em}
.chapter-title>span{display:block}
.chapter-period{color:var(--pink)}
.chapter-caption{display:flex;justify-content:space-between;align-items:baseline;gap:24px}
.chapter-caption p{font-size:16px;line-height:1.7;color:#d0c8ce;max-width:410px}
.chapter-service{font-size:14px;line-height:1.6;color:#fff;white-space:nowrap}
.service-chapter-connect{padding-left:16%}
.service-chapter-connect .chapter-title{color:var(--pink)}
.service-chapter-evolve .chapter-title{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.065em;padding-right:.1em}
.services-story-end{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ffffff30;padding-top:30px;margin-top:12px}
.services-story-end p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:23px;line-height:1.4;color:#e2dce0}
.services-story-end a{display:inline-flex;gap:28px;align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid #ffffff70;font-size:14px}
.services-story-end a>span:last-child{font-size:24px;color:var(--pink);transition:transform .3s}
.services-story-end a:hover>span:last-child{transform:translate(3px,3px)}
@keyframes chapter-unfold{from{transform:translateY(110%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:no-preference){
 .service-chapter.motion-item{transition:opacity .7s var(--motion-ease),transform .8s var(--motion-ease)}
 .service-chapter.is-visible .chapter-title>span{animation:chapter-unfold 1.1s var(--motion-ease) both}
}
@media(max-width:900px){
 .services-story{padding-top:70px}
 .services-story-heading{margin-bottom:50px}
 .service-chapter-connect{padding-left:8%}
 .chapter-title{font-size:clamp(76px,14vw,136px)}
}
@media(max-width:640px){
 .services-story{padding:55px 0 35px}
 .services-story-heading{display:block;margin-bottom:38px}
 .services-story-heading h2{font-size:40px;margin-top:25px}
 .service-chapter{padding:25px 0 30px}
 .service-chapter-connect{padding-left:0}
 .chapter-opening{gap:18px;font-size:12px;letter-spacing:.07em}
 .chapter-title{font-size:clamp(64px,17vw,110px);margin:20px 0 16px;line-height:1.05}
 .chapter-caption{display:flex;flex-direction:column;gap:13px}
 .chapter-caption p{font-size:16px;max-width:290px}
 .chapter-service{font-size:14px;color:var(--pink)}
 .services-story-end{display:block;margin-top:6px;padding-top:26px}
 .services-story-end p{font-size:22px}
 .services-story-end a{margin-top:19px;gap:22px}
}