/* Compact process cards; ordinary page scrolling exposes all six steps. */
.studio-services #planning.roky-process-groups{background:#fff;color:#202a28;padding:48px 0}
.studio-services #planning.roky-process-groups .services-wrap{max-width:1440px}
.studio-services #planning.roky-process-groups .roky-process-heading{text-align:left;margin:0 0 24px;padding:0}
.studio-services #planning.roky-process-groups .roky-process-heading h2{font-size:clamp(26px,2.6vw,34px);line-height:1.25;letter-spacing:-.6px;margin:0;max-width:none}
.studio-services #planning.roky-process-groups .roky-process-heading::after{display:none}
.studio-services #planning.roky-process-groups .roky-process-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;width:100%;margin:0;padding:0;list-style:none;border:0;background:transparent}
.studio-services #planning.services-process-reference.roky-process-groups .roky-process-step{display:block;position:relative;min-width:0;min-height:0;height:auto;margin:0;padding:22px;border:1px solid #e0e5df;border-radius:7px;background:#f5f7f4;text-align:left}
.studio-services #planning.roky-process-groups .roky-process-step::before,.studio-services #planning.roky-process-groups .roky-process-step::after{display:none}
.studio-services #planning.roky-process-groups .roky-process-step .roky-process-icon,.studio-services #planning.roky-process-groups .roky-process-step .roky-process-arrow{display:none!important}
.studio-services #planning.services-process-reference.roky-process-groups .roky-process-step h3{min-height:0;max-width:none;margin:0 0 12px;padding:0;color:#202a28;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.15px;overflow-wrap:break-word}
.studio-services #planning.roky-process-groups .roky-process-step h3 .roky-process-number{position:static;display:inline;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;color:#426f6c;font:inherit;white-space:nowrap}
.studio-services #planning.services-process-reference.roky-process-groups .roky-process-step p{width:100%;max-width:none;margin:0;padding:0;border:0;color:#52615d;font-size:16px;line-height:1.6;letter-spacing:0;font-weight:400}
.studio-services #planning.roky-process-groups .roky-process-nav,.studio-services #planning.roky-process-groups .roky-process-controls,.studio-services #planning.roky-process-groups .roky-process-timing{display:none!important}
html:lang(zh-HK) .studio-services #planning.services-process-reference.roky-process-groups .roky-process-step p,html:lang(zh-Hant-HK) .studio-services #planning.services-process-reference.roky-process-groups .roky-process-step p{line-height:1.75}
@media(max-width:760px){.studio-services #planning.roky-process-groups{padding:36px 0}.studio-services #planning.roky-process-groups .roky-process-panel{grid-template-columns:minmax(0,1fr);gap:14px}.studio-services #planning.services-process-reference.roky-process-groups .roky-process-step{padding:20px}}
@media print{.studio-services #planning.roky-process-groups .roky-process-step{break-inside:avoid}}