/* ============================================================================
SutureNote — Structura-style theme (shared across all pages)
Authored 2026-05-27 alongside the Structura aesthetic rollout (Phase 1).
Load AFTER asset/css/style.css and asset/css/custom.css so the brand
tokens + minimal-display treatment override page Tailwind utilities only
where opted in.
Pages opt into the heavy editorial hero via the `.sn-hero` wrapper, the
oversized brand watermark via `SutureNote
`,
and the column rules via `...`.
Plain pages (legal, articles) just inherit the type ramp + nav/footer
styles without the hero treatment.
========================================================================= */
/* Inter weight 100–300 added for Helvetica-Neue-Thin fallback on
non-Mac browsers. macOS / iOS render real Helvetica Neue locally. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
/* Brand palette — Structura's mono ink + your existing brand gradient kept
as an accent so the page never reads fully monochrome. */
--sn-ink: #0F0F11;
--sn-ink-soft: #4A4A4F;
--sn-paper: #FFFFFF;
--sn-paper-2: #F4F4F5;
--sn-rule: #E7E7E8;
--sn-watermark: rgba(15, 15, 17, 0.04);
--sn-brand-1: #41b1ff;
--sn-brand-2: #a055f3;
--sn-grad: linear-gradient(135deg, var(--sn-brand-1), var(--sn-brand-2));
/* Compact spacing scale tuned so hero content fits viewport on 700px+
useful height. */
--sn-nav-h: 64px;
--sn-hero-pad-y: 24px;
--sn-hero-pad-x: clamp(20px, 4vw, 56px);
}
/* ============ Reset-ish on body so the type ramp lands consistently ====== */
body {
/* Neue Helvetica 35 Thin first (Linotype). macOS/iOS ship "Helvetica
Neue" which carries the 35 Thin weight at font-weight: 200. On
Windows/Linux we fall back to Inter Thin (a close cousin) loaded
above. Arial is the last resort. */
font-family: 'Helvetica Neue', 'HelveticaNeue', 'Inter', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
font-weight: 300;
-webkit-font-smoothing: antialiased;
color: var(--sn-ink);
/* Force pure white so the SutureNote watermark + grid guides stay
visible site-wide. Several pages set their own off-white body
background in inline