/* Arctix Capital — public site. * * One stylesheet for all nine public pages. Lifted from the previous * single-file SPA (templates/home.html) so the visual system is unchanged; * what changed is the delivery. Page-specific blocks are scoped by a class on * (.home-page, .sss-page, ...), which is exactly how they were scoped * when each page was a
— so those rules needed no rewriting. * * Section order: tokens -> reset -> motion primitives -> shared chrome -> * per-page blocks -> responsive -> reduced motion (last, so it wins). */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} /* ─── FONTS ─── * Self-hosted, reusing the files the mobile PWA already ships. This replaces * two render-blocking cross-origin requests to fonts.googleapis.com / * fonts.gstatic.com, and means the public site has no third-party dependency * of any kind. Same paths as /static/m/app.css, so the cache is shared. * * Cormorant is present at weight 300 only; the design's heavier serif weights * resolve to it, which is what the browser was already doing behind the * Google API. Instrument Sans has no 300 — see the note in app.css. */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 300; font-display: swap; src: url('/static/m/fonts/cormorant-300.woff2') format('woff2'); } @font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 300; font-display: swap; src: url('/static/m/fonts/cormorant-300-italic.woff2') format('woff2'); } @font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 300; font-display: swap; src: url('/static/m/fonts/dmmono-300.woff2') format('woff2'); } @font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/static/m/fonts/dmmono-400.woff2') format('woff2'); } @font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('/static/m/fonts/dmmono-500.woff2') format('woff2'); } @font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/static/m/fonts/instrument.woff2') format('woff2'); } @font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('/static/m/fonts/instrument.woff2') format('woff2'); } :root { --white: #ffffff; --off: #f8f8f6; --silver-light: #e8e8e4; --silver: #c8c8c4; --silver-mid: #9a9a96; --silver-dark: #6a6a68; --charcoal: #2a2a28; --ink: #0f0f0e; --accent: #1a1a18; --serif: 'Cormorant Garamond', Georgia, serif; --mono: 'DM Mono', monospace; --sans: 'Instrument Sans', sans-serif; --ease-out: cubic-bezier(0.16,1,0.3,1); --ease-smooth: cubic-bezier(0.25,0,0,1); } html { overflow-x: hidden; } /* Smooth scrolling is a motion preference, not a default. */ @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } body { background: var(--white); color: var(--ink); font-family: var(--sans); overflow-x: hidden; } /* ─── NAV ─── * Scoped to #nav, not the bare `nav` element. The footer index and the section * pager are