More layout changes

index.html

@@ -213,7 +213,7 @@
     <div class="page-root">
           <!-- Header -->
           <header
-            class="signage-header bg-stone-50/80 backdrop-blur-xl z-10 flex w-full min-h-0 flex-col gap-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6 pb-6 pt-6 sm:pb-8 sm:pt-8 lg:pb-10 lg:pt-12">
+            class="signage-header bg-stone-50/80 backdrop-blur-xl z-10 flex w-full min-h-0 flex-col gap-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6 py-4">
             <div class="flex min-w-0 items-center gap-3 sm:gap-6">
               <img alt="Mole Institute Logo" class="h-12 w-auto shrink-0 sm:h-16"
                 data-alt="Sophisticated medical institute logo featuring elegant serif typography and a minimalist burgundy emblem on a clean white background"
@@ -281,7 +281,7 @@
                 class="signage-qr-card relative z-10 flex w-full max-w-sm flex-col items-center rounded-[1.75rem] border border-outline-variant/10 bg-surface-container-lowest p-8 editorial-shadow sm:rounded-[2.5rem] sm:p-6 lg:p-8">
                 <div class="mb-6 rounded-2xl border border-outline-variant/20 bg-white p-3 sm:mb-8 sm:p-4">
                   <img alt="Scan to book consultation"
-                    class="mx-auto aspect-square h-auto w-[160px]"
+                    class="mx-auto aspect-square h-auto w-[150px] xl:w-[250px]"
                     data-alt="High-resolution digital QR code centered on a clean white background with subtle burgundy border accents"
                     src="./assets/ref-mole-institute-qr-code.png">
                 </div>