/* FluidHand is declared once in layouts/theme.liquid (byte-identical to the FLBold face). A second page-local @font-face here downloaded the same 167KB file twice — removed. */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{ --bg:#07080a; --bg2:#0d0f13; --ink:#eeede8; --dim:#9a9fa8; --line:rgba(255,255,255,.09); /* one blue, #42b1ff, per the brand rule — the old #077bff is gone. Where contrast fails on cream the fallback is ink black, never a darkened blue. */ --accent:#42b1ff; --accent-2:#42b1ff; --accent-soft:rgba(66,177,255,.14); --paper:#f5f0e8; --ink-d:#17140e; --dim-d:#4a4234; --line-d:rgba(30,22,10,.14); --panel:#0e1117; --panel2:#12161d; --green:#69d29a; --amber:#e8b34d; --coral:#f27a6d; --faint:#4b505a; --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Helvetica,Arial,sans-serif; --serif:Georgia,"Times New Roman",serif; /* the "mono" role is the house label face (Neue Haas), not a monospace — this one line retires every monospace eyebrow, tag and stat on the page. */ --mono:"WeHaas","Neue Haas Display","Helvetica Neue",Helvetica,Arial,sans-serif; --hand:"FLBold","FluidHand","Arial Black",sans-serif; /* the --z-* tokens are the LIGHT-ZONE palette: cream paper, ink text. They are constants, not a scrub — the light zones (#modules, #native) are fully cream from their first pixel and the torn-paper strips (.fp-tstrip--down / --up) carry the whole dark<->light transition. Every consumer sits inside .sx.lightzone, so these never reach the dark canvas. --z-bg stays only as a fallback tint. */ --z-bg: transparent; --z-surface: #ffffff; --z-ink: #17140e; --z-dim: #4a4234; --z-line: rgba(30,22,10,.14); /* ink-black on cream, never blue — the contrast rule, as one token */ --z-accent: #17140e; /* the "old way" cross keeps its warning red, deepened to hold contrast against cream */ --z-cross: #b8422e; } html{scroll-behavior:smooth;overflow-x:clip} /* the canvas is dark NOISY PAPER, never flat black. background-attachment:fixed so any strip painted with the same stock registers with it. */ body{font-family:var(--sans);background-color:var(--bg);background-image:var(--we-paper-dark); background-size:cover;background-position:center;background-attachment:fixed; color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip} /* page-wide print tooth. z-index sits above the nav but below the lightbox (1000). */ body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999; mix-blend-mode:overlay;opacity:.3;background-size:180px 180px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='fpn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23fpn)'/%3E%3C/svg%3E")} ::selection{background:var(--accent);color:#04121f} a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;background:transparent} .wrap{max-width:1160px;margin:0 auto;padding:0 24px} /* ---------- type ---------- */ .eyebrow{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-2)} h1{font-weight:650;letter-spacing:-.035em;line-height:1.02} h2{font-weight:650;letter-spacing:-.03em;line-height:1.06} .display{font-size:clamp(2.5rem,6.2vw,5rem);font-weight:650;letter-spacing:-.042em;line-height:1.0} /* the second half of a section headline is the teardown-hero treatment: FL display face, bold, blue. The FL face is caps-only, so it sets in caps the way "A $1.2B EMPIRE." does on a teardown. (task 05:03) */ .display .soft{font-family:var(--hand);font-weight:700;color:var(--accent); letter-spacing:.005em;font-size:1.06em;line-height:1.02;display:inline-block} /* on cream the blue fails contrast, so it resolves to ink black — never a darkened blue. --z-accent interpolates with the sunrise. */ .lightzone .display .soft{color:var(--z-accent)} .quiet{color:var(--dim);font-size:clamp(1.14rem,1.9vw,1.44rem);font-weight:450;letter-spacing:-.012em;line-height:1.5} .quiet b{color:var(--ink);font-weight:550} /* ---------- buttons — the fluid-brand analog signature ---------- square-ish 4px radius, HARD offset shadow (no blur), -0.6deg rotation. Replaces the glowing rounded-pill "AI" button. */ .btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:4px; font-size:.92rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;border:1px solid transparent; rotate:-.6deg; transition:translate .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease; white-space:nowrap} .btn--primary{background:var(--accent);color:#050a12;box-shadow:3px 3px 0 rgba(0,0,0,.5)} .btn--primary:hover{translate:0 -2px;box-shadow:4px 5px 0 rgba(0,0,0,.58)} .btn--ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.28);color:var(--ink); box-shadow:none;rotate:0deg} .btn--ghost:hover{background:#fff;border-color:#fff;color:#0c0d10;translate:0 -2px} .lightzone .btn--ghost{color:var(--z-ink);border-color:var(--z-line)} .lightzone .btn--ghost:hover{background:var(--z-ink);border-color:var(--z-ink);color:#fff} .btn--sm{padding:9px 16px;font-size:.85rem;box-shadow:2px 2px 0 rgba(0,0,0,.5)} @media(prefers-reduced-motion:reduce){.btn{transition:none}} .btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} /* ---- GLOBAL PASS · the bespoke mega-dropdown nav was deleted here ---- The `nav{position:fixed}` ELEMENT selector that led this block is why it had to go rather than just be left dead: the canonical chassis puts a real