.service-sequence{height:260svh;position:relative}.service-sequence .svc-hero{position:sticky;top:0;height:100svh;min-height:650px;padding-block:35px}.service-sequence .svc-visual{max-height:84svh;width:100%;aspect-ratio:1080/1348;justify-self:center}.service-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.service-canvas.ready{opacity:1}.service-sequence .svc-visual img{transform:none;filter:none;object-fit:contain}.service-scroll-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#ccc;text-shadow:0 1px 8px #000;z-index:3;pointer-events:none}.service-sequence .svc-visual:before,.service-sequence .svc-visual:after{display:none}.service-sequence .svc-hero>div:first-child{animation:none}@media(max-width:760px){.service-sequence{height:260svh}.service-sequence .svc-hero{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:20px 7%;min-height:740px}.service-sequence .svc-hero>div:first-child{flex:0 0 auto}.service-sequence .svc-hero h1{font-size:clamp(34px,8.5vw,46px);margin:12px 0}.service-sequence .svc-hero p:not(.eyebrow){font-size:12px;line-height:1.65;margin:10px 0 14px}.service-sequence .svc-hero .eyebrow{font-size:8px}.service-sequence .svc-hero .button{font-size:11px;padding:12px 17px}.service-sequence .svc-visual{flex:1;min-height:0;max-height:48svh;aspect-ratio:auto;overflow:hidden}.service-canvas,.service-sequence .svc-visual img{object-fit:contain;height:100%;width:100%}.service-scroll-hint{font-size:7px;bottom:5px}}@media(prefers-reduced-motion:reduce){.service-sequence{height:auto}.service-sequence .svc-hero{position:relative;height:auto;min-height:0}.service-sequence .svc-visual{min-height:330px}.service-scroll-hint{display:none}}
/* One continuous service presentation, then the contact section. */
.service-sequence{height:850svh;background:#080809}.service-sequence .svc-hero{display:grid;grid-template-columns:46% 54%;gap:0;padding:35px 6% 65px;background:#080809}.service-chapters{position:relative;height:530px;z-index:3;margin-right:25px}.service-chapter{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .4s,transform .5s,visibility .4s;pointer-events:none}.service-chapter.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.service-chapter h1,.service-chapter h2{font-size:clamp(36px,4.8vw,72px);line-height:1.06;letter-spacing:-.055em;margin:22px 0}.service-chapter p:not(.eyebrow){font-size:14px;line-height:1.85;color:#aaa2ae;margin:0 0 12px}.service-sequence .svc-visual{border:0;border-radius:0;box-shadow:none;background:#080809;max-height:90svh;height:90svh;width:100%;overflow:hidden}.service-sequence .svc-visual:after{display:block;content:'';position:absolute;inset:0;z-index:2;pointer-events:none;transform:none;background:linear-gradient(90deg,#080809,transparent 13%,transparent 87%,#080809),linear-gradient(180deg,#080809,transparent 12%,transparent 83%,#080809)}.service-scroll-hint{display:none}.service-timeline{position:absolute;bottom:22px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#96909c}.chapter-progress{position:absolute;left:0;right:0;bottom:-13px;background:#ffffff15;height:2px}.chapter-progress b{display:block;height:100%;background:var(--gradient);width:0}
@media(max-width:760px){.service-sequence{height:850svh}.service-sequence .svc-hero{display:grid;grid-template-columns:1fr;grid-template-rows:44% 56%;height:100svh;min-height:700px;padding:22px 6% 45px;gap:0}.service-chapters{height:100%;margin:0}.service-chapter{justify-content:center}.service-chapter h1,.service-chapter h2{font-size:clamp(29px,8vw,39px);margin:12px 0}.service-chapter p:not(.eyebrow){font-size:12px;line-height:1.6;margin:0 0 8px}.service-sequence .svc-visual{grid-row:2;height:100%;max-height:none;min-height:0;width:100%}.service-timeline{bottom:18px}.service-sequence .svc-visual:after{background:linear-gradient(90deg,#080809,transparent 10%,transparent 90%,#080809),linear-gradient(180deg,#080809,transparent 10%,transparent 88%,#080809)}}
@media(prefers-reduced-motion:reduce){.service-sequence{height:auto}.service-sequence .svc-hero{height:auto;display:flex;flex-direction:column;padding:35px 7%}.service-chapters{height:auto;margin:0}.service-chapter{position:relative;opacity:1;visibility:visible;transform:none;transition:none;padding:28px 0}.service-sequence .svc-visual{height:450px;min-height:300px}.service-timeline{display:none}}
.service-sequence .svc-visual:after{width:auto;height:auto;left:0;right:0}