@media(max-width:700px){
 .process-page .page-hero{padding:16px 0 0}
 .process-page .page-hero-grid{grid-template-columns:1fr;padding:24px 20px;gap:24px;border-radius:20px}
 .process-page .page-hero h1{font-size:clamp(2rem,8.4vw,2.8rem);line-height:1.12;margin:12px 0 18px}
 .process-page .page-hero p{font-size:1rem;line-height:1.65}
 .process-page .page-hero .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
 .process-page .page-hero .btn{width:100%;min-height:48px;font-size:.9375rem;padding:12px 16px}
 .process-page .availability-note{font-size:.8125rem;line-height:1.55;border-radius:12px;padding:12px;margin-top:16px}
 .process-page .availability-note:before{flex-shrink:0}
 .process-page .page-hero-grid>img{width:100%;height:auto;min-height:0;max-height:280px;border-radius:12px}
 .process-page main>.section{padding:32px 0}
 .process-page .section-head{margin-bottom:20px}
 .process-page h2{font-size:clamp(1.8rem,7.4vw,2.3rem);line-height:1.2;margin:10px 0 16px}
 .process-page .eyebrow{font-size:.6875rem;letter-spacing:.12em;line-height:1.6}
 .process-page .section-head p,.process-page .faq p{font-size:1rem;line-height:1.65}
 .process-page .process-timeline{grid-template-columns:1fr;gap:10px}
 .process-page .process-phase{position:relative;padding:18px 18px 18px 60px;border-radius:16px}
 .process-page .process-phase .phase-no{position:absolute;top:18px;left:15px;width:32px;height:32px;margin:0}
 .process-page .process-phase h3{font-size:1.3rem;line-height:1.25;margin:0 0 8px}
 .process-page .process-phase p{font-size:.9375rem;line-height:1.6;margin:0}
 .process-page .design-realisation{margin-top:0}
 .process-page .case-heading{gap:4px;margin-bottom:14px}
 .process-page .case-heading h3{font-size:1.6rem;line-height:1.22}
 .process-page .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem}
 .process-page .process-case{scroll-margin-top:92px}
 .process-page .process-case+.process-case{margin-top:32px;padding-top:28px;border-top:1px solid #d8ccbb}
 .process-page .project-comparison{padding:10px;border-radius:18px}
 .process-page .comparison-controls button{min-height:46px;font-size:.875rem}
 .process-page .comparison-image{border-radius:12px}
 .process-page .portrait-comparison .comparison-image{max-height:52svh}
 .process-page .comparison-panels figcaption{padding:12px 2px 4px;gap:0 8px}
 .process-page .comparison-panels figcaption strong{font-size:.9375rem}
 .process-page .comparison-panels figcaption small{font-size:.8125rem}
 .process-page .faq{grid-template-columns:1fr;gap:16px}
 .process-page .faq details{padding:16px;border-radius:14px}
 .process-page .faq summary{font-size:1rem;line-height:1.5;min-height:44px;display:list-item;padding:8px 0}
 .process-page .faq details p{margin-bottom:4px}
 .process-page main>.section.tight{padding-top:8px;padding-bottom:32px}
 .process-page .final-cta{padding:28px 22px;border-radius:22px;gap:20px}
 .process-page .final-cta h2{font-size:clamp(1.85rem,7.8vw,2.4rem);line-height:1.16}
 .process-page .final-cta p{font-size:1rem;line-height:1.6}
 .process-page .final-cta .btn{width:100%;font-size:.9375rem;min-height:48px;padding:13px 14px;white-space:normal}
}