Platform 0.1.6 (contact security) + fidelity fixes from the port review

- .container back in @layer components so Tailwind's px-4 still wins; unlayered it had
  quietly widened the gutter on every page
- shadow-sm -> shadow-xs: Tailwind v4 renamed the scale, so the ported markup was giving
  every white card a heavier shadow than the live site
- route changes jump to the top again instead of smooth-scrolling
- preload the wordmark font and the hero image

frontend/index.html

@@ -7,6 +7,9 @@
   <link rel="icon" media="(prefers-color-scheme: dark)" href="/images/resources/logo_dark.png">
   <!-- Preconnect to the photo bucket so product images start loading a round-trip sooner. -->
   <link rel="preconnect" href="https://s3.thebennett.net" crossorigin>
+  <!-- The wordmark is set in these; without preloading they arrive late and the logo visibly reflows. -->
+  <link rel="preload" as="font" type="font/woff2" href="/src/fonts/raleway-latin.woff2" crossorigin>
+  <link rel="preload" as="image" href="https://s3.thebennett.net/itsthevine/images/gallery/Outside.webp" fetchpriority="high">
   <!-- PageMetaController rewrites the title and the four meta tags below per route, so crawlers and
        link-preview scrapers get real per-page metadata instead of one generic shell. Keep the
        attribute order and quoting as-is — it matches on them. -->