I have a portfolio website that already looks fine on desktop, but the layout falls apart on phones and tablets. Your task is to refactor the existing HTML5/SCSS (with a touch of vanilla JavaScript) so every page—home, project gallery, case studies, about, and contact—renders cleanly across modern iOS and Android devices in both portrait and landscape modes. I’ll share a concise style guide covering breakpoints, typography, spacing, and component behaviour, so the finished product must follow those specifications exactly. Flexbox and CSS Grid are welcome; extra libraries only if they add clear value. Clean, semantic code is crucial. Deliverables • Updated SCSS/JS plus any new assets • Short hand-off notes explaining the changes Acceptance criteria • No horizontal scrolling on mobile or tablet • Images and videos scale without distortion • Tap targets respect accessibility sizing • Lighthouse mobile performance ≥ 90 FTP or Git access is ready, along with Figma files and a PDF of the design guidelines. Once the new responsive layout meets the criteria above, the project is complete.