/* ============================================================================
THE COVENANT :: /covenant :: assets/css/covenant.css
----------------------------------------------------------------------------
COVENANT lane. Page-scoped, dark "instrument chrome" (Tempus) surface.
HARD CONSTRAINT: every selector is namespaced .cv-* / #cv-* (or is a bare
element selector nested INSIDE a .cv-* scope). This file is structurally
incapable of affecting any other page in the estate.
Colors are LITERAL. global-nav.js stamps data-theme="light" on ; this
page is immune to that by never reading a theme token.
Motion: transform + opacity ONLY. Never a layout property. Everything is
gated behind prefers-reduced-motion at the bottom of this file.
========================================================================== */
/* ---- 0. The display face, declared HERE and not inherited from a late script.
Schibsted Grotesk is self-hosted on our own origin, but th-hero.css (which owns
its @font-face) is injected at RUNTIME by the deferred th-nav-shared.js. That
made the largest type on the page paint in a fallback and swap after load,
reflowing a 17,000px document: prod CLS raced between 0.00 and 2.28 run to run,
and the same defect is live on every other th-nav page. Declaring it here (a
stylesheet in , alongside a for the file itself) means
the headline face is resolved at first paint and never swaps.
Identical family name, identical file, identical weights: this is the SAME face
th-hero.css declares, so nothing about the brand rendering changes. ------------ */
@font-face{
font-family:'Schibsted Grotesk';
font-style:normal;
font-weight:400 900;
font-display:swap;
src:url(/assets/fonts/schibsted-grotesk-latin-var.woff2?v=rd1) format('woff2')
}
/* ---- 1. Stage ------------------------------------------------------------ */
.cv-html{background:#06080c !important;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
.cv-body{
background:#06080c !important;
color:#F2F6FA !important;
margin:0;
font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
font-size:16px;
line-height:1.65;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
#cv-page{
--cv-bg:#06080c;
--cv-bg2:#0b0f16;
--cv-panel:#0e131b;
--cv-plate:rgba(8,12,19,.82);
--cv-line:#1c2530;
--cv-hair:rgba(151,187,222,.16);
--cv-ink:#F2F6FA;
--cv-txt:rgba(219,229,241,.86);
--cv-mute:#93a1b1;
--cv-teal:#2dd4bf;
--cv-cyan:#22d3ee;
--cv-warn:#f2c14e;
--cv-red:#f87171;
--cv-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
--cv-disp:'Schibsted Grotesk','IBM Plex Sans',system-ui,sans-serif;
--cv-ez:cubic-bezier(.25,.46,.45,.94);
position:relative;
background:#06080c;
color:#F2F6FA;
isolation:isolate;
overflow-x:clip;
/* THE CLS FIX (measured, not assumed).
th-nav-shared.js swaps our fallback header for a FIXED .th-nav plus a 62px
in-flow spacer that it inserts at boot. That spacer arrives ~440ms after
first paint and pushes the entire document down 62px: a 0.39 shift, three
times the budget, in Google's "poor" band.
So: the fallback is pinned out of flow (page-local