.studio .client-universe{display:block;position:relative;height:620svh;min-height:0;padding:0;overflow:visible;background:oklch(17% .009 70);color:var(--paper)}
.studio .universe-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;isolation:isolate;perspective:1000px}
.universe-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 65%,oklch(29% .025 70/.7),transparent 67%);opacity:var(--universe-glow,.3)}
.client-universe .retention-intro,.client-universe .retention-story{position:absolute;left:var(--pad);right:var(--pad);text-align:center;top:25%}
.client-universe .retention-intro h2{font-size:clamp(54px,7.7vw,118px);line-height:1.05;letter-spacing:-.06em}
.client-universe .retention-story{top:12%}
.client-universe .retention-story h2{font-size:clamp(43px,5.1vw,78px);line-height:1.08;letter-spacing:-.045em}
.client-universe .retention-constellation{display:grid;grid-template-columns:repeat(10,14px);gap:15px;justify-content:center;margin:35px auto 25px;height:43px}
.client-universe .retention-constellation i{width:14px;height:14px;border-radius:50%;background:var(--paper)}
.client-universe .retention-constellation .unrenewed{background:transparent;border:1px solid oklch(63% .02 78)}
.client-universe .renewal-count strong{font-size:clamp(110px,13vw,200px);font-weight:400;line-height:1;letter-spacing:-.075em;color:var(--paper)}
.client-universe .renewal-count strong span{font-size:.45em;letter-spacing:-.05em;color:var(--muted)}
.client-universe .renewal-count>p{font-size:23px;line-height:1.4;margin-top:18px}
.client-universe .retention-reasons{font-size:23px;color:var(--muted);margin-top:30px;line-height:1.5}
.client-universe .renewal-source{font-size:15px;line-height:1.5;max-width:72ch;margin:24px auto 0;color:var(--muted)}
.orbit-chapter{position:absolute;inset:0;isolation:isolate;transform-style:preserve-3d}
.orbit-chapter>header{position:absolute;top:10%;left:var(--pad);right:var(--pad);text-align:center;z-index:2;pointer-events:none}
.orbit-chapter h2{font-size:clamp(55px,6.7vw,102px);line-height:1.02;letter-spacing:-.06em;font-weight:400}
.orbit-chapter header>p{font-size:20px;color:var(--muted);margin-top:22px}
.logo-universe,.conversation-universe{list-style:none;margin:0;padding:0;position:absolute;inset:0;perspective:1100px;transform-style:preserve-3d}
.orbit-mark{position:absolute;left:50%;top:53%;width:250px;height:120px;margin:-60px 0 0 -125px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden}
.orbit-mark img{display:block;width:100%;height:85px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}
.orbit-mark>span{display:block;font-size:14px;line-height:1.3;margin-top:14px;color:var(--muted)}
.orbit-mark strong{font-weight:400;font-size:32px;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
.orbit-context{position:absolute;bottom:5%;left:var(--pad);right:var(--pad);font-size:15px;line-height:1.6;color:var(--muted);text-align:center;z-index:5;max-width:none}
.conversation-mark{position:absolute;width:390px;left:50%;top:50%;margin:-50px 0 0 -195px;text-align:center;will-change:transform,opacity}
.conversation-mark strong{display:block;font-size:clamp(30px,3vw,46px);font-weight:400;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.conversation-mark span{display:block;font-size:16px;line-height:1.5;max-width:34ch;margin:20px auto 0;color:var(--muted)}
.calm .studio .client-universe,html:not(.motion-ready) .studio .client-universe{height:auto;padding:90px var(--pad)}
.calm .studio .universe-stage,html:not(.motion-ready) .studio .universe-stage{position:relative;height:auto;min-height:0;overflow:visible;perspective:none}
.calm .client-universe .retention-intro,html:not(.motion-ready) .client-universe .retention-intro{display:none}
.calm .client-universe .retention-story,html:not(.motion-ready) .client-universe .retention-story{position:static;opacity:1!important;transform:none!important}
.calm .retention-constellation i{transform:none!important;opacity:1!important}
.calm .orbit-chapter,html:not(.motion-ready) .orbit-chapter{position:relative;opacity:1!important;transform:none!important;margin-top:110px}
.calm .orbit-chapter>header,html:not(.motion-ready) .orbit-chapter>header{position:static}
.calm .logo-universe,html:not(.motion-ready) .logo-universe{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:55px 35px;perspective:none;margin:65px 0}
.calm .orbit-mark,html:not(.motion-ready) .orbit-mark{position:static;transform:none!important;opacity:1!important;width:100%;height:120px;margin:0;filter:none!important}
.calm .conversation-universe,html:not(.motion-ready) .conversation-universe{position:static;display:grid;grid-template-columns:1fr 1fr;gap:60px 35px;margin:70px 0;perspective:none}
.calm .conversation-mark,html:not(.motion-ready) .conversation-mark{position:static;transform:none!important;opacity:1!important;margin:0;width:100%}
.calm .orbit-context,html:not(.motion-ready) .orbit-context{position:static;margin-top:40px}
@media(max-width:760px){
 .studio .client-universe{height:600svh}.studio .universe-stage{min-height:700px}
 .client-universe .retention-intro h2{font-size:45px}.client-universe .retention-story{top:16%;left:23px;right:23px}.client-universe .retention-story h2{font-size:39px}
 .client-universe .retention-constellation{grid-template-columns:repeat(10,10px);gap:12px;margin:35px auto 22px;height:32px}.client-universe .retention-constellation i{width:10px;height:10px}
 .client-universe .renewal-count strong{font-size:125px}.client-universe .renewal-count>p{font-size:20px;max-width:24ch;margin:18px auto 0}
 .client-universe .retention-reasons{font-size:19px;max-width:24ch;margin:25px auto 0}.client-universe .renewal-source{font-size:13px;margin-top:25px}
 .orbit-chapter>header{top:12%;left:23px;right:23px}.orbit-chapter h2{font-size:43px}.orbit-chapter header>p{font-size:17px;margin-top:22px}
 .orbit-mark{width:145px;height:100px;margin:-50px 0 0 -72.5px}.orbit-mark img{height:60px}.orbit-mark strong{font-size:23px}.orbit-mark>span{font-size:12px;margin-top:12px}
 .orbit-context{font-size:13px;bottom:5%;left:23px;right:23px}
 .conversation-mark{width:155px;margin:-40px 0 0 -77.5px}.conversation-mark strong{font-size:25px}.conversation-mark span{font-size:13px;line-height:1.5;margin-top:16px}
 .calm .studio .client-universe,html:not(.motion-ready) .studio .client-universe{padding:70px 23px}
 .calm .logo-universe,html:not(.motion-ready) .logo-universe{grid-template-columns:1fr 1fr;gap:35px 22px}.calm .orbit-mark,html:not(.motion-ready) .orbit-mark{height:110px}
 .calm .orbit-chapter,html:not(.motion-ready) .orbit-chapter{margin-top:80px}.calm .conversation-universe,html:not(.motion-ready) .conversation-universe{grid-template-columns:1fr;gap:45px;margin:50px 0}
}
@media print{.studio .client-universe{height:auto}.studio .universe-stage{position:static;height:auto;overflow:visible}.retention-intro{display:none}.retention-story,.orbit-chapter,.orbit-chapter>header,.logo-universe,.conversation-universe,.orbit-mark,.conversation-mark,.orbit-context{position:static!important;transform:none!important;opacity:1!important;margin:20px 0!important}.logo-universe,.conversation-universe{display:grid;grid-template-columns:1fr 1fr;gap:30px}.orbit-mark,.conversation-mark{width:auto!important;height:auto!important}}

/* One shared carousel. Each uncommissioned name keeps its status beside it. */
.studio .client-universe{height:560svh}.orbit-mark .enquiry-label{font-size:16px;color:var(--paper);line-height:1.4;margin-top:15px}.enquiry-mark strong{font-size:31px}@media(max-width:760px){.studio .client-universe{height:550svh}.orbit-mark .enquiry-label{font-size:14px}.enquiry-mark strong{font-size:23px}}

.relationship-tenure{display:block;font-size:16px;line-height:1.4;color:var(--paper);font-weight:400;margin-top:13px;letter-spacing:0}.relationship-tenure span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.orbit-mark:has(.relationship-tenure){height:150px;margin-top:-75px}.orbit-mark:has(.relationship-tenure) img{flex-shrink:0;height:72px}.calm .orbit-mark:has(.relationship-tenure),html:not(.motion-ready) .orbit-mark:has(.relationship-tenure){height:160px}@media(max-width:760px){.relationship-tenure{font-size:14px;margin-top:10px}.relationship-tenure span{font-size:12px}.orbit-mark:has(.relationship-tenure){height:130px;margin-top:-65px}.orbit-mark:has(.relationship-tenure) img{height:55px}.calm .orbit-mark:has(.relationship-tenure),html:not(.motion-ready) .orbit-mark:has(.relationship-tenure){height:150px}}

.orbit-mark{top:55%}.orbit-chapter>header{top:8%}.calm .orbit-mark:has(.relationship-tenure),html:not(.motion-ready) .orbit-mark:has(.relationship-tenure){margin:0!important}@media(max-width:760px){.orbit-chapter>header{top:12%}}
.orbit-context{bottom:2%}