/* zn-theme.css — GENERATED by _tools/build_theme_css.py from theme/zn-theme-spec.json. Do not hand-edit; re-run the generator. Activation: With both attributes absent this file contributes NOTHING except the .zn-switch* switcher-UI block. */ /* ==================================================================================== SWITCHER UI ==================================================================================== */ /* ==== SWITCH_BEGIN (theme-independent, audit-exempt) ==== */ /* The only ungated rules in this file: the switcher must stay legible on every palette, so it uses its own hardcoded values and never a token. Class names match the DOM built by theme/zn-theme.js build(): div.zn-switch[.zn-switch-collapsed] button.zn-switch-tab div.zn-switch-row > span.zn-switch-rowlabel + button.zn-switch-chip[.zn-switch-chip-active] div.zn-switch-meta > div.zn-switch-name + div.zn-switch-note div.zn-switch-actions > button.zn-switch-btn div.zn-switch-note zn-theme.js also injects a #zn-switch-fallback sheet whose rules are all wrapped in :where() at zero specificity, so everything here outranks it — which is why the collapsed and [hidden] states are restated below at (0,2,0)/(0,1,1). */ .zn-switch{ position:fixed; right:14px; bottom:14px; z-index:2147483000; width:min(320px, calc(100vw - 28px)); box-sizing:border-box; padding:12px 13px 11px; background:#141416; border:1px solid rgba(255,255,255,.16); border-radius:12px; box-shadow:0 22px 56px -20px rgba(0,0,0,.85); font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; font-size:12px; line-height:1.35; color:#EDEDF0; -webkit-font-smoothing:antialiased; display:flex; flex-direction:column; gap:9px; } .zn-switch *{box-sizing:border-box; margin:0} .zn-switch[hidden]{display:none !important} .zn-switch-tab{ position:absolute; top:-11px; left:12px; appearance:none; -webkit-appearance:none; cursor:pointer; font:inherit; font-size:9.5px; font-weight:700; letter-spacing:.2em; padding:3px 9px 3px 10px; border-radius:999px; background:#EDEDF0; color:#141416; border:1px solid #141416; } .zn-switch-tab:hover{background:#FFF} .zn-switch-tab:focus-visible{outline:2px solid #7C8CFF; outline-offset:2px} .zn-switch-row{display:flex; align-items:center; flex-wrap:wrap; gap:3px} .zn-switch-rowlabel{ flex:0 0 100%; font-size:9px; letter-spacing:.2em; color:#83838D; padding-bottom:2px; } .zn-switch-chip{ appearance:none; -webkit-appearance:none; cursor:pointer; font:inherit; font-size:10.5px; font-variant-numeric:tabular-nums; letter-spacing:.04em; min-width:26px; padding:4px 0; text-align:center; background:transparent; color:#A9A9B3; border:1px solid rgba(255,255,255,.16); border-radius:5px; } .zn-switch-chip:hover{background:rgba(255,255,255,.09); color:#FFF; border-color:rgba(255,255,255,.34)} .zn-switch-chip:focus-visible{outline:2px solid #7C8CFF; outline-offset:1px} .zn-switch-chip-active{ background:#EDEDF0; color:#141416; border-color:#EDEDF0; font-weight:700; } .zn-switch-meta{ border-top:1px solid rgba(255,255,255,.12); padding-top:8px; display:flex; flex-direction:column; gap:1px; } .zn-switch-name{ font-size:10px; font-weight:700; letter-spacing:.13em; color:#FFF; padding-top:4px; } .zn-switch-name:first-child{padding-top:0} .zn-switch-note{color:#8A8A94; font-size:10.5px; line-height:1.45} .zn-switch-actions{display:flex; gap:6px} .zn-switch-btn{ appearance:none; -webkit-appearance:none; cursor:pointer; font:inherit; font-size:9.5px; letter-spacing:.15em; text-transform:uppercase; padding:6px 11px; border-radius:999px; background:transparent; color:#EDEDF0; border:1px solid rgba(255,255,255,.24); } .zn-switch-btn:hover{border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.07)} .zn-switch-btn:focus-visible{outline:2px solid #7C8CFF; outline-offset:2px} .zn-switch-btn:last-child:hover{border-color:#FF6B4A; color:#FF9377; background:transparent} /* Collapsed: only the tab shows. Restated at (0,2,0) because the rules above are (0,1,0) and would otherwise beat the :where()-wrapped fallback sheet. */ .zn-switch-collapsed{ width:auto; padding:0; background:none; border:0; box-shadow:none; gap:0; } .zn-switch-collapsed .zn-switch-row, .zn-switch-collapsed .zn-switch-meta, .zn-switch-collapsed .zn-switch-actions, .zn-switch-collapsed .zn-switch-note{display:none} .zn-switch-collapsed .zn-switch-tab{position:static; top:auto; left:auto} @media (max-width:520px){ .zn-switch{right:8px; bottom:8px; width:calc(100vw - 16px)} } @media (prefers-reduced-motion:no-preference){ .zn-switch-tab,.zn-switch-chip,.zn-switch-btn{ transition:background .16s ease, color .16s ease, border-color .16s ease; } } /* ==== SWITCH_END ==== */ /* ==================================================================================== PALETTES 1-22 — token blocks Each block redefines the --v4-* set (+ --v4-accent-2), the ~350-use legacy --stone/--ink/--copper family, and every --zn-*-rgb triplet the colour rewrite introduced. --zn-cream-rgb is the ALPHA-COMPOSITED stand-in for --v4-paper on the relief bands (spec creamTripletFinding). It is emitted as the EXTREME of the paper side — 0,0,0 on a dark palette, 255,255,255 on a light one — not as paper itself, because on a dark palette the bands invert to light and dark paper at alpha 0.32-0.90 over a light band composites to a mid grey (measured: 20-34 of 40 text rules under 4.5:1 with cream==paper; 11-12 with black; original site 6). --zn-paper-rgb is the un-composited paper triplet for the one consumer that sits ON paper (the nav scrim). --v4-accent-2 / --zn-accent-2-rgb expose the two-accent palettes' second ink (REGISTRATION magenta, RISO navy); single-accent palettes degrade it to --v4-accent. ==================================================================================== */ /* PALETTE 1 — BLACK BOX (dark) — Neutral ink-black grounds, bone type, one signal red used only for emphasis. */ html[data-zn-pal="1"]{ --v4-paper:#0A0A0C; --v4-paper-2:#131316; --v4-paper-3:#1C1C21; --v4-ink:#F5F5F7; --v4-ink-2:#D5D5DA; --v4-mute:#9A9AA4; --v4-line:#2C2C33; --v4-line-soft:#1E1E24; --v4-accent:#FF3B21; --v4-accent-hi:#FF7A5E; --v4-night:#EDEDF0; --v4-accent-alt:#C42400; --v4-accent-2:#FF3B21; /* legacy palette — src/styles.css, ~350 uses */ --stone:#0A0A0C; --stone-2:#131316; --stone-3:#1C1C21; --ink:#F5F5F7; --ink-2:#D5D5DA; --ink-muted:#9A9AA4; --ink-subtle:#797981; --line:#2C2C33; --line-soft:#1E1E24; --green:#D5D5DA; --green-2:#F5F5F7; --green-soft:#7A7A7D; --steel:#9A9AA4; --steel-soft:#6F6F76; --copper:#FF3B21; --copper-soft:#E03923; --copper-bright:#FF7A5E; --panel:#EDEDF0; --panel-2:#D6D6D9; --panel-line:#BBBBBE; --signal-amber:#F3B549; --signal-rose:#F74554; --zn-cream-rgb:0,0,0; --zn-ink-rgb:245,245,247; --zn-accent-rgb:255,59,33; --zn-night-rgb:237,237,240; --zn-lift-rgb:10,10,12; --zn-shade-rgb:237,237,240; --zn-paper-rgb:10,10,12; --zn-accent-2-rgb:255,59,33; --zn-ink-deep-rgb:245,245,247; --zn-cream-warm-rgb:10,10,12; --zn-accent-hi-rgb:255,122,94; --zn-accent-alt-rgb:196,36,0; --zn-accent-glow-rgb:255,122,94; --zn-copper-rgb:255,59,33; --zn-copper-soft-rgb:224,57,35; --zn-copper-bright-rgb:255,122,94; --zn-signal-rose-rgb:247,69,84; --zn-signal-amber-rgb:243,181,73; --zn-green-rgb:213,213,218; --zn-line-rgb:44,44,51; --zn-scrim-rgb:10,10,12; --zn-shadow-warm-rgb:10,10,12; --zn-hilite-rgb:245,245,247; --zn-night:#EDEDF0; --zn-night-2:#D2D2D5; --zn-cream-warm:#0A0A0C; --zn-cream-3:#0A0A0C; --zn-accent-alt:#C42400; --zn-accent-deep:#A92A1A; --zn-work-mute:#9A9AA4; } /* PALETTE 2 — EMBER ROOM (dark) — Brown-black grounds lit by saffron - a screening room before the film starts. */ html[data-zn-pal="2"]{ --v4-paper:#15100B; --v4-paper-2:#1D1710; --v4-paper-3:#271F16; --v4-ink:#F7EFE3; --v4-ink-2:#E0D3C0; --v4-mute:#AC9A85; --v4-line:#382D20; --v4-line-soft:#251D14; --v4-accent:#F0A830; --v4-accent-hi:#FFC661; --v4-night:#F4EBDC; --v4-accent-alt:#8A5A00; --v4-accent-2:#F0A830; /* legacy palette — src/styles.css, ~350 uses */ --stone:#15100B; --stone-2:#1D1710; --stone-3:#271F16; --ink:#F7EFE3; --ink-2:#E0D3C0; --ink-muted:#AC9A85; --ink-subtle:#897A69; --line:#382D20; --line-soft:#251D14; --green:#E0D3C0; --green-2:#F7EFE3; --green-soft:#857B6F; --steel:#AC9A85; --steel-soft:#7F7160; --copper:#F0A830; --copper-soft:#C08728; --copper-bright:#FFC661; --panel:#F4EBDC; --panel-2:#DED5C7; --panel-line:#C3BBAE; --signal-amber:#F2B44A; --signal-rose:#F74554; --zn-cream-rgb:0,0,0; --zn-ink-rgb:247,239,227; --zn-accent-rgb:240,168,48; --zn-night-rgb:244,235,220; --zn-lift-rgb:21,16,11; --zn-shade-rgb:244,235,220; --zn-paper-rgb:21,16,11; --zn-accent-2-rgb:240,168,48; --zn-ink-deep-rgb:247,239,227; --zn-cream-warm-rgb:21,16,11; --zn-accent-hi-rgb:255,198,97; --zn-accent-alt-rgb:138,90,0; --zn-accent-glow-rgb:255,198,97; --zn-copper-rgb:240,168,48; --zn-copper-soft-rgb:192,135,40; --zn-copper-bright-rgb:255,198,97; --zn-signal-rose-rgb:247,69,84; --zn-signal-amber-rgb:242,180,74; --zn-green-rgb:224,211,192; --zn-line-rgb:56,45,32; --zn-scrim-rgb:21,16,11; --zn-shadow-warm-rgb:21,16,11; --zn-hilite-rgb:247,239,227; --zn-night:#F4EBDC; --zn-night-2:#D9D1C3; --zn-cream-warm:#15100B; --zn-cream-3:#15100B; --zn-accent-alt:#8A5A00; --zn-accent-deep:#A37323; --zn-work-mute:#AC9A85; } /* PALETTE 3 — BLUEPRINT NOIR (dark) — Cool blue-black drafting ground with a bright technical blue. Reads as a systems shop. */ html[data-zn-pal="3"]{ --v4-paper:#0A0E15; --v4-paper-2:#101724; --v4-paper-3:#16202F; --v4-ink:#E7EEF7; --v4-ink-2:#C6D3E2; --v4-mute:#8A9CB0; --v4-line:#223045; --v4-line-soft:#131C29; --v4-accent:#4D8DFF; --v4-accent-hi:#7FB0FF; --v4-night:#E5ECF5; --v4-accent-alt:#1B58CC; --v4-accent-2:#4D8DFF; /* legacy palette — src/styles.css, ~350 uses */ --stone:#0A0E15; --stone-2:#101724; --stone-3:#16202F; --ink:#E7EEF7; --ink-2:#C6D3E2; --ink-muted:#8A9CB0; --ink-subtle:#6E7D8E; --line:#223045; --line-soft:#131C29; --green:#C6D3E2; --green-2:#E7EEF7; --green-soft:#737C88; --steel:#8A9CB0; --steel-soft:#647182; --copper:#4D8DFF; --copper-soft:#4979CF; --copper-bright:#7FB0FF; --panel:#E5ECF5; --panel-2:#CFD6DF; --panel-line:#B5BBC4; --signal-amber:#F3B549; --signal-rose:#F74554; --zn-cream-rgb:0,0,0; --zn-ink-rgb:231,238,247; --zn-accent-rgb:77,141,255; --zn-night-rgb:229,236,245; --zn-lift-rgb:10,14,21; --zn-shade-rgb:229,236,245; --zn-paper-rgb:10,14,21; --zn-accent-2-rgb:77,141,255; --zn-ink-deep-rgb:231,238,247; --zn-cream-warm-rgb:10,14,21; --zn-accent-hi-rgb:127,176,255; --zn-accent-alt-rgb:27,88,204; --zn-accent-glow-rgb:127,176,255; --zn-copper-rgb:77,141,255; --zn-copper-soft-rgb:73,121,207; --zn-copper-bright-rgb:127,176,255; --zn-signal-rose-rgb:247,69,84; --zn-signal-amber-rgb:243,181,73; --zn-green-rgb:198,211,226; --zn-line-rgb:34,48,69; --zn-scrim-rgb:10,14,21; --zn-shadow-warm-rgb:10,14,21; --zn-hilite-rgb:231,238,247; --zn-night:#E5ECF5; --zn-night-2:#CBD1DA; --zn-cream-warm:#0A0E15; --zn-cream-3:#0A0E15; --zn-accent-alt:#1B58CC; --zn-accent-deep:#3661AD; --zn-work-mute:#8A9CB0; } /* PALETTE 4 — VOLT (dark) — Near-black ground with one high-chroma chartreuse doing all of the signalling. */ html[data-zn-pal="4"]{ --v4-paper:#0B0D0A; --v4-paper-2:#12150F; --v4-paper-3:#1A1E15; --v4-ink:#F0F4EA; --v4-ink-2:#D4DAC8; --v4-mute:#969C89; --v4-line:#262B1E; --v4-line-soft:#171B12; --v4-accent:#C8F135; --v4-accent-hi:#DFFB78; --v4-night:#EEF3E5; --v4-accent-alt:#4A6600; --v4-accent-2:#C8F135; /* legacy palette — src/styles.css, ~350 uses */ --stone:#0B0D0A; --stone-2:#12150F; --stone-3:#1A1E15; --ink:#F0F4EA; --ink-2:#D4DAC8; --ink-muted:#969C89; --ink-subtle:#777D6D; --line:#262B1E; --line-soft:#171B12; --green:#D4DAC8; --green-2:#F0F4EA; --green-soft:#787C71; --steel:#969C89; --steel-soft:#6C7163; --copper:#C8F135; --copper-soft:#9EBF2C; --copper-bright:#DFFB78; --panel:#EEF3E5; --panel-2:#D7DCCF; --panel-line:#BCC0B5; --signal-amber:#F2B54A; --signal-rose:#F74554; --zn-cream-rgb:0,0,0; --zn-ink-rgb:240,244,234; --zn-accent-rgb:200,241,53; --zn-night-rgb:238,243,229; --zn-lift-rgb:11,13,10; --zn-shade-rgb:238,243,229; --zn-paper-rgb:11,13,10; --zn-accent-2-rgb:200,241,53; --zn-ink-deep-rgb:240,244,234; --zn-cream-warm-rgb:11,13,10; --zn-accent-hi-rgb:223,251,120; --zn-accent-alt-rgb:74,102,0; --zn-accent-glow-rgb:223,251,120; --zn-copper-rgb:200,241,53; --zn-copper-soft-rgb:158,191,44; --zn-copper-bright-rgb:223,251,120; --zn-signal-rose-rgb:247,69,84; --zn-signal-amber-rgb:242,181,74; --zn-green-rgb:212,218,200; --zn-line-rgb:38,43,30; --zn-scrim-rgb:11,13,10; --zn-shadow-warm-rgb:11,13,10; --zn-hilite-rgb:240,244,234; --zn-night:#EEF3E5; --zn-night-2:#D3D7CB; --zn-cream-warm:#0B0D0A; --zn-cream-3:#0B0D0A; --zn-accent-alt:#4A6600; --zn-accent-deep:#86A126; --zn-work-mute:#969C89; } /* PALETTE 5 — STUDIO WHITE (light, light ground) — Cool gallery white, no cream and no warmth anywhere, single ultramarine accent. */ html[data-zn-pal="5"]{ --v4-paper:#FAFAFB; --v4-paper-2:#F0F0F2; --v4-paper-3:#E5E5E9; --v4-ink:#0D0D0F; --v4-ink-2:#26262B; --v4-mute:#5E5E68; --v4-line:#D3D3D9; --v4-line-soft:#E6E6EA; --v4-accent:#1F35E0; --v4-accent-hi:#3348F0; --v4-night:#0B0B0D; --v4-accent-alt:#7C8CFF; --v4-accent-2:#1F35E0; /* legacy palette — src/styles.css, ~350 uses */ --stone:#FAFAFB; --stone-2:#F0F0F2; --stone-3:#E5E5E9; --ink:#0D0D0F; --ink-2:#26262B; --ink-muted:#5E5E68; --ink-subtle:#72727B; --line:#D3D3D9; --line-soft:#E6E6EA; --green:#26262B; --green-2:#0D0D0F; --green-soft:#727276; --steel:#5E5E68; --steel-soft:#8D8D94; --copper:#1F35E0; --copper-soft:#4F60E6; --copper-bright:#3348F0; --panel:#0B0B0D; --panel-2:#232325; --panel-line:#404041; --signal-amber:#9B6A15; --signal-rose:#C21523; --zn-cream-rgb:255,255,255; --zn-ink-rgb:13,13,15; --zn-accent-rgb:31,53,224; --zn-night-rgb:11,11,13; --zn-lift-rgb:250,250,251; --zn-shade-rgb:11,11,13; --zn-paper-rgb:250,250,251; --zn-accent-2-rgb:31,53,224; --zn-ink-deep-rgb:13,13,15; --zn-cream-warm-rgb:250,250,251; --zn-accent-hi-rgb:51,72,240; --zn-accent-alt-rgb:124,140,255; --zn-accent-glow-rgb:51,72,240; --zn-copper-rgb:31,53,224; --zn-copper-soft-rgb:79,96,230; --zn-copper-bright-rgb:51,72,240; --zn-signal-rose-rgb:194,21,35; --zn-signal-amber-rgb:155,106,21; --zn-green-rgb:38,38,43; --zn-line-rgb:211,211,217; --zn-scrim-rgb:13,13,15; --zn-shadow-warm-rgb:13,13,15; --zn-hilite-rgb:250,250,251; --zn-night:#0B0B0D; --zn-night-2:#28282A; --zn-cream-warm:#FAFAFB; --zn-cream-3:#FAFAFB; --zn-accent-alt:#7C8CFF; --zn-accent-deep:#192797; --zn-work-mute:#5E5E68; } /* PALETTE 6 — OXBLOOD & BONE (duotone dark) — Two hues and no neutrals: deep oxblood ground, bone type, coral accent. */ html[data-zn-pal="6"]{ --v4-paper:#2A0B10; --v4-paper-2:#360F16; --v4-paper-3:#45151E; --v4-ink:#F2E5D8; --v4-ink-2:#DCC9B7; --v4-mute:#B78D82; --v4-line:#5A1F29; --v4-line-soft:#3E121A; --v4-accent:#EF7361; --v4-accent-hi:#FFA089; --v4-night:#F1E3D5; --v4-accent-alt:#9E2A18; --v4-accent-2:#EF7361; /* legacy palette — src/styles.css, ~350 uses */ --stone:#2A0B10; --stone-2:#360F16; --stone-3:#45151E; --ink:#F2E5D8; --ink-2:#DCC9B7; --ink-muted:#B78D82; --ink-subtle:#9E766D; --line:#5A1F29; --line-soft:#3E121A; --green:#DCC9B7; --green-2:#F2E5D8; --green-soft:#937B73; --steel:#B78D82; --steel-soft:#8D6660; --copper:#EF7361; --copper-soft:#C66154; --copper-bright:#FFA089; --panel:#F1E3D5; --panel-2:#DDCDC1; --panel-line:#C5B3AA; --signal-amber:#EDB34F; --signal-rose:#F24A58; --zn-cream-rgb:0,0,0; --zn-ink-rgb:242,229,216; --zn-accent-rgb:239,115,97; --zn-night-rgb:241,227,213; --zn-lift-rgb:42,11,16; --zn-shade-rgb:241,227,213; --zn-paper-rgb:42,11,16; --zn-accent-2-rgb:239,115,97; --zn-ink-deep-rgb:242,229,216; --zn-cream-warm-rgb:42,11,16; --zn-accent-hi-rgb:255,160,137; --zn-accent-alt-rgb:158,42,24; --zn-accent-glow-rgb:255,160,137; --zn-copper-rgb:239,115,97; --zn-copper-soft-rgb:198,97,84; --zn-copper-bright-rgb:255,160,137; --zn-signal-rose-rgb:242,74,88; --zn-signal-amber-rgb:237,179,79; --zn-green-rgb:220,201,183; --zn-line-rgb:90,31,41; --zn-scrim-rgb:42,11,16; --zn-shadow-warm-rgb:42,11,16; --zn-hilite-rgb:242,229,216; --zn-night:#F1E3D5; --zn-night-2:#D9C9BD; --zn-cream-warm:#2A0B10; --zn-cream-3:#2A0B10; --zn-accent-alt:#9E2A18; --zn-accent-deep:#AA4F45; --zn-work-mute:#B78D82; } /* PALETTE 7 — MONO + HOT (high-contrast light, light ground) — Pure black type on pure white, greyscale panels, exactly one hot pink. */ html[data-zn-pal="7"]{ --v4-paper:#FFFFFF; --v4-paper-2:#F4F4F4; --v4-paper-3:#EFEFEF; --v4-ink:#000000; --v4-ink-2:#1A1A1A; --v4-mute:#595959; --v4-line:#CFCFCF; --v4-line-soft:#E4E4E4; --v4-accent:#D6004F; --v4-accent-hi:#B00040; --v4-night:#000000; --v4-accent-alt:#FF3D85; --v4-accent-2:#D6004F; /* legacy palette — src/styles.css, ~350 uses */ --stone:#FFFFFF; --stone-2:#F4F4F4; --stone-3:#EFEFEF; --ink:#000000; --ink-2:#1A1A1A; --ink-muted:#595959; --ink-subtle:#757575; --line:#CFCFCF; --line-soft:#E4E4E4; --green:#1A1A1A; --green-2:#000000; --green-soft:#767676; --steel:#595959; --steel-soft:#8B8B8B; --copper:#D6004F; --copper-soft:#DD2C6E; --copper-bright:#B00040; --panel:#000000; --panel-2:#1A1A1A; --panel-line:#383838; --signal-amber:#A36B0A; --signal-rose:#CE0919; --zn-cream-rgb:255,255,255; --zn-ink-rgb:0,0,0; --zn-accent-rgb:214,0,79; --zn-night-rgb:0,0,0; --zn-lift-rgb:255,255,255; --zn-shade-rgb:0,0,0; --zn-paper-rgb:255,255,255; --zn-accent-2-rgb:214,0,79; --zn-ink-deep-rgb:0,0,0; --zn-cream-warm-rgb:255,255,255; --zn-accent-hi-rgb:176,0,64; --zn-accent-alt-rgb:255,61,133; --zn-accent-glow-rgb:176,0,64; --zn-copper-rgb:214,0,79; --zn-copper-soft-rgb:221,44,110; --zn-copper-bright-rgb:176,0,64; --zn-signal-rose-rgb:206,9,25; --zn-signal-amber-rgb:163,107,10; --zn-green-rgb:26,26,26; --zn-line-rgb:207,207,207; --zn-scrim-rgb:0,0,0; --zn-shadow-warm-rgb:0,0,0; --zn-hilite-rgb:255,255,255; --zn-night:#000000; --zn-night-2:#1F1F1F; --zn-cream-warm:#FFFFFF; --zn-cream-3:#FFFFFF; --zn-accent-alt:#FF3D85; --zn-accent-deep:#8B0033; --zn-work-mute:#595959; } /* PALETTE 8 — BOTTLE (dark) — Bottle-glass green-black rather than grey, cut with a coral complement. */ html[data-zn-pal="8"]{ --v4-paper:#0A1512; --v4-paper-2:#0F1E19; --v4-paper-3:#152720; --v4-ink:#E9F3ED; --v4-ink-2:#C7D9CF; --v4-mute:#85A093; --v4-line:#1E332B; --v4-line-soft:#122019; --v4-accent:#FF6B4A; --v4-accent-hi:#FF9377; --v4-night:#E8F1EB; --v4-accent-alt:#B83A1C; --v4-accent-2:#FF6B4A; /* legacy palette — src/styles.css, ~350 uses */ --stone:#0A1512; --stone-2:#0F1E19; --stone-3:#152720; --ink:#E9F3ED; --ink-2:#C7D9CF; --ink-muted:#85A093; --ink-subtle:#6B8378; --line:#1E332B; --line-soft:#122019; --green:#C7D9CF; --green-2:#E9F3ED; --green-soft:#72817A; --steel:#85A093; --steel-soft:#60766C; --copper:#FF6B4A; --copper-soft:#CA5B41; --copper-bright:#FF9377; --panel:#E8F1EB; --panel-2:#D2DBD5; --panel-line:#B7C1BB; --signal-amber:#F3B549; --signal-rose:#F74554; --zn-cream-rgb:0,0,0; --zn-ink-rgb:233,243,237; --zn-accent-rgb:255,107,74; --zn-night-rgb:232,241,235; --zn-lift-rgb:10,21,18; --zn-shade-rgb:232,241,235; --zn-paper-rgb:10,21,18; --zn-accent-2-rgb:255,107,74; --zn-ink-deep-rgb:233,243,237; --zn-cream-warm-rgb:10,21,18; --zn-accent-hi-rgb:255,147,119; --zn-accent-alt-rgb:184,58,28; --zn-accent-glow-rgb:255,147,119; --zn-copper-rgb:255,107,74; --zn-copper-soft-rgb:202,91,65; --zn-copper-bright-rgb:255,147,119; --zn-signal-rose-rgb:247,69,84; --zn-signal-amber-rgb:243,181,73; --zn-green-rgb:199,217,207; --zn-line-rgb:30,51,43; --zn-scrim-rgb:10,21,18; --zn-shadow-warm-rgb:10,21,18; --zn-hilite-rgb:233,243,237; --zn-night:#E8F1EB; --zn-night-2:#CDD7D1; --zn-cream-warm:#0A1512; --zn-cream-3:#0A1512; --zn-accent-alt:#B83A1C; --zn-accent-deep:#A94D36; --zn-work-mute:#85A093; } /* PALETTE 9 — INTERNATIONAL (dark high-chroma) — The ground itself is cobalt, not the accent. Bone type, one hot yellow signal. */ html[data-zn-pal="9"]{ --v4-paper:#1B2AB8; --v4-paper-2:#2434C9; --v4-paper-3:#16219E; --v4-ink:#F5F3ED; --v4-ink-2:#DCD9CE; --v4-mute:#B4BBEC; --v4-line:#3B49D6; --v4-line-soft:#2836C4; --v4-accent:#FFE03D; --v4-accent-hi:#FFF07A; --v4-night:#F2F0E8; --v4-accent-alt:#1B2AB8; --v4-accent-2:#FFE03D; /* legacy palette — src/styles.css, ~350 uses */ --stone:#1B2AB8; --stone-2:#2434C9; --stone-3:#16219E; --ink:#F5F3ED; --ink-2:#DCD9CE; --ink-muted:#B4BBEC; --ink-subtle:#A2AAE6; --line:#3B49D6; --line-soft:#2836C4; --green:#DCD9CE; --green-2:#F5F3ED; --green-soft:#AAACC8; --steel:#B4BBEC; --steel-soft:#8690DC; --copper:#FFE03D; --copper-soft:#CDB858; --copper-bright:#FFF07A; --panel:#F2F0E8; --panel-2:#DCDCE3; --panel-line:#C3C4DD; --signal-amber:#F3B549; --signal-rose:#FA8D96; --zn-cream-rgb:0,0,0; --zn-ink-rgb:245,243,237; --zn-accent-rgb:255,224,61; --zn-night-rgb:242,240,232; --zn-lift-rgb:27,42,184; --zn-shade-rgb:242,240,232; --zn-paper-rgb:27,42,184; --zn-accent-2-rgb:255,224,61; --zn-ink-deep-rgb:245,243,237; --zn-cream-warm-rgb:27,42,184; --zn-accent-hi-rgb:255,240,122; --zn-accent-alt-rgb:27,42,184; --zn-accent-glow-rgb:255,240,122; --zn-copper-rgb:255,224,61; --zn-copper-soft-rgb:205,184,88; --zn-copper-bright-rgb:255,240,122; --zn-signal-rose-rgb:250,141,150; --zn-signal-amber-rgb:243,181,73; --zn-green-rgb:220,217,206; --zn-line-rgb:59,73,214; --zn-scrim-rgb:27,42,184; --zn-shadow-warm-rgb:27,42,184; --zn-hilite-rgb:245,243,237; --zn-night:#F2F0E8; --zn-night-2:#D8D8E2; --zn-cream-warm:#1B2AB8; --zn-cream-3:#1B2AB8; --zn-accent-alt:#1B2AB8; --zn-accent-deep:#AFA068; --zn-work-mute:#B4BBEC; } /* PALETTE 10 — CONCRETE (light, light ground) — Cold blue-grey concrete instead of cream, with a deep burgundy. Architectural. */ html[data-zn-pal="10"]{ --v4-paper:#EDF0F2; --v4-paper-2:#E3E8EB; --v4-paper-3:#D9DFE3; --v4-ink:#0D1216; --v4-ink-2:#232B31; --v4-mute:#4F5A62; --v4-line:#C4CDD3; --v4-line-soft:#DDE3E7; --v4-accent:#8E1C31; --v4-accent-hi:#A82438; --v4-night:#0A0E11; --v4-accent-alt:#E8677A; --v4-accent-2:#8E1C31; /* legacy palette — src/styles.css, ~350 uses */ --stone:#EDF0F2; --stone-2:#E3E8EB; --stone-3:#D9DFE3; --ink:#0D1216; --ink-2:#232B31; --ink-muted:#4F5A62; --ink-subtle:#646E75; --line:#C4CDD3; --line-soft:#DDE3E7; --green:#232B31; --green-2:#0D1216; --green-soft:#686E73; --steel:#4F5A62; --steel-soft:#7E878D; --copper:#8E1C31; --copper-soft:#A34B5B; --copper-bright:#A82438; --panel:#0A0E11; --panel-2:#212528; --panel-line:#3C4042; --signal-amber:#90651C; --signal-rose:#B81E2B; --zn-cream-rgb:255,255,255; --zn-ink-rgb:13,18,22; --zn-accent-rgb:142,28,49; --zn-night-rgb:10,14,17; --zn-lift-rgb:237,240,242; --zn-shade-rgb:10,14,17; --zn-paper-rgb:237,240,242; --zn-accent-2-rgb:142,28,49; --zn-ink-deep-rgb:13,18,22; --zn-cream-warm-rgb:237,240,242; --zn-accent-hi-rgb:168,36,56; --zn-accent-alt-rgb:232,103,122; --zn-accent-glow-rgb:168,36,56; --zn-copper-rgb:142,28,49; --zn-copper-soft-rgb:163,75,91; --zn-copper-bright-rgb:168,36,56; --zn-signal-rose-rgb:184,30,43; --zn-signal-amber-rgb:144,101,28; --zn-green-rgb:35,43,49; --zn-line-rgb:196,205,211; --zn-scrim-rgb:13,18,22; --zn-shadow-warm-rgb:13,18,22; --zn-hilite-rgb:237,240,242; --zn-night:#0A0E11; --zn-night-2:#25292C; --zn-cream-warm:#EDF0F2; --zn-cream-3:#EDF0F2; --zn-accent-alt:#E8677A; --zn-accent-deep:#611828; --zn-work-mute:#4F5A62; } /* PALETTE 11 — CYC WALL (dim, neutral warm-grey mid, single pastel accent) — Photographer's cyc-wall grey, warm by a breath, with a frosted ice-blue signal. The gallery-wall option. */ html[data-zn-pal="11"]{ --v4-paper:#4A4744; --v4-paper-2:#524F4B; --v4-paper-3:#5B5753; --v4-ink:#F6F3EE; --v4-ink-2:#E3DFD8; --v4-mute:#C4C0B9; --v4-line:#615D58; --v4-line-soft:#55514D; --v4-accent:#BFEFFF; --v4-accent-hi:#CCF3FF; --v4-night:#F1F6F8; --v4-accent-alt:#1A6F8C; --v4-accent-2:#BFEFFF; /* legacy palette — src/styles.css, ~350 uses */ --stone:#4A4744; --stone-2:#524F4B; --stone-3:#5B5753; --ink:#F6F3EE; --ink-2:#E3DFD8; --ink-muted:#C4C0B9; --ink-subtle:#B9B5AE; --line:#615D58; --line-soft:#55514D; --green:#E3DFD8; --green-2:#F6F3EE; --green-soft:#BAB6B0; --steel:#C4C0B9; --steel-soft:#9F9C96; --copper:#BFEFFF; --copper-soft:#A5CAD6; --copper-bright:#CCF3FF; --panel:#F1F6F8; --panel-2:#E0E4E6; --panel-line:#CCD0D0; --signal-amber:#F3B549; --signal-rose:#FB9BA3; --zn-cream-rgb:0,0,0; --zn-ink-rgb:246,243,238; --zn-accent-rgb:191,239,255; --zn-night-rgb:241,246,248; --zn-lift-rgb:74,71,68; --zn-shade-rgb:241,246,248; --zn-paper-rgb:74,71,68; --zn-accent-2-rgb:191,239,255; --zn-ink-deep-rgb:246,243,238; --zn-cream-warm-rgb:74,71,68; --zn-accent-hi-rgb:204,243,255; --zn-accent-alt-rgb:26,111,140; --zn-accent-glow-rgb:204,243,255; --zn-copper-rgb:191,239,255; --zn-copper-soft-rgb:165,202,214; --zn-copper-bright-rgb:204,243,255; --zn-signal-rose-rgb:251,155,163; --zn-signal-amber-rgb:243,181,73; --zn-green-rgb:227,223,216; --zn-line-rgb:97,93,88; --zn-scrim-rgb:74,71,68; --zn-shadow-warm-rgb:74,71,68; --zn-hilite-rgb:246,243,238; --zn-night:#F1F6F8; --zn-night-2:#DDE1E2; --zn-cream-warm:#4A4744; --zn-cream-3:#4A4744; --zn-accent-alt:#1A6F8C; --zn-accent-deep:#96B4BE; --zn-work-mute:#C4C0B9; } /* PALETTE 12 — REGISTRATION (dim, neutral graphite, two-accent) — Press-room graphite with the printer's registration pair: cyan for signals, magenta for one thing per page. — second accent #FF4FC3 -> --signal-amber */ html[data-zn-pal="12"]{ --v4-paper:#2B2B2D; --v4-paper-2:#333335; --v4-paper-3:#3B3B3E; --v4-ink:#F2F1EE; --v4-ink-2:#DAD9D5; --v4-mute:#A6A6A8; --v4-line:#404043; --v4-line-soft:#353538; --v4-accent:#19D2F5; --v4-accent-hi:#3ADBF7; --v4-night:#F2F1EE; --v4-accent-alt:#B0106F; --v4-accent-2:#FF4FC3; /* legacy palette — src/styles.css, ~350 uses */ --stone:#2B2B2D; --stone-2:#333335; --stone-3:#3B3B3E; --ink:#F2F1EE; --ink-2:#DAD9D5; --ink-muted:#A6A6A8; --ink-subtle:#929294; --line:#404043; --line-soft:#353538; --green:#DAD9D5; --green-2:#F2F1EE; --green-soft:#929290; --steel:#A6A6A8; --steel-soft:#818183; --copper:#19D2F5; --copper-soft:#1DADC9; --copper-bright:#3ADBF7; --panel:#F2F1EE; --panel-2:#DEDDDB; --panel-line:#C6C5C4; --signal-amber:#FF4FC3; --signal-rose:#F85B68; --zn-cream-rgb:0,0,0; --zn-ink-rgb:242,241,238; --zn-accent-rgb:25,210,245; --zn-night-rgb:242,241,238; --zn-lift-rgb:43,43,45; --zn-shade-rgb:242,241,238; --zn-paper-rgb:43,43,45; --zn-accent-2-rgb:255,79,195; --zn-ink-deep-rgb:242,241,238; --zn-cream-warm-rgb:43,43,45; --zn-accent-hi-rgb:58,219,247; --zn-accent-alt-rgb:176,16,111; --zn-accent-glow-rgb:58,219,247; --zn-copper-rgb:25,210,245; --zn-copper-soft-rgb:29,173,201; --zn-copper-bright-rgb:58,219,247; --zn-signal-rose-rgb:248,91,104; --zn-signal-amber-rgb:255,79,195; --zn-green-rgb:218,217,213; --zn-line-rgb:64,64,67; --zn-scrim-rgb:43,43,45; --zn-shadow-warm-rgb:43,43,45; --zn-hilite-rgb:242,241,238; --zn-night:#F2F1EE; --zn-night-2:#DAD9D7; --zn-cream-warm:#2B2B2D; --zn-cream-3:#2B2B2D; --zn-accent-alt:#B0106F; --zn-accent-deep:#1F98AF; --zn-work-mute:#A6A6A8; } /* PALETTE 13 — GUNMETAL (dim, cool slate blue-grey, single accent) — Cold camera-body slate, warm bone type, one mint light switched on in a dark room. */ html[data-zn-pal="13"]{ --v4-paper:#2A3037; --v4-paper-2:#323940; --v4-paper-3:#3B434B; --v4-ink:#F1ECE2; --v4-ink-2:#D9D3C7; --v4-mute:#A9B0B8; --v4-line:#3E464F; --v4-line-soft:#343C44; --v4-accent:#5EE8B4; --v4-accent-hi:#7CF0C2; --v4-night:#E8F5EE; --v4-accent-alt:#0D7A57; --v4-accent-2:#5EE8B4; /* legacy palette — src/styles.css, ~350 uses */ --stone:#2A3037; --stone-2:#323940; --stone-3:#3B434B; --ink:#F1ECE2; --ink-2:#D9D3C7; --ink-muted:#A9B0B8; --ink-subtle:#91989F; --line:#3E464F; --line-soft:#343C44; --green:#D9D3C7; --green-2:#F1ECE2; --green-soft:#989792; --steel:#A9B0B8; --steel-soft:#838A91; --copper:#5EE8B4; --copper-soft:#53C098; --copper-bright:#7CF0C2; --panel:#E8F5EE; --panel-2:#D5E1DC; --panel-line:#BECAC6; --signal-amber:#E7B155; --signal-rose:#EF6D78; --zn-cream-rgb:0,0,0; --zn-ink-rgb:241,236,226; --zn-accent-rgb:94,232,180; --zn-night-rgb:232,245,238; --zn-lift-rgb:42,48,55; --zn-shade-rgb:232,245,238; --zn-paper-rgb:42,48,55; --zn-accent-2-rgb:94,232,180; --zn-ink-deep-rgb:241,236,226; --zn-cream-warm-rgb:42,48,55; --zn-accent-hi-rgb:124,240,194; --zn-accent-alt-rgb:13,122,87; --zn-accent-glow-rgb:124,240,194; --zn-copper-rgb:94,232,180; --zn-copper-soft-rgb:83,192,152; --zn-copper-bright-rgb:124,240,194; --zn-signal-rose-rgb:239,109,120; --zn-signal-amber-rgb:231,177,85; --zn-green-rgb:217,211,199; --zn-line-rgb:62,70,79; --zn-scrim-rgb:42,48,55; --zn-shadow-warm-rgb:42,48,55; --zn-hilite-rgb:241,236,226; --zn-night:#E8F5EE; --zn-night-2:#D1DDD8; --zn-cream-warm:#2A3037; --zn-cream-3:#2A3037; --zn-accent-alt:#0D7A57; --zn-accent-deep:#4CA888; --zn-work-mute:#A9B0B8; } /* PALETTE 14 — BONE (light, bone-stone ground with a deep teal ink accent, light ground) — Bone stock between cream and gallery grey, slate-cooled ink, a deep teal that carries like navy. */ html[data-zn-pal="14"]{ --v4-paper:#E9E5DC; --v4-paper-2:#E0DBD0; --v4-paper-3:#D5CFC2; --v4-ink:#171A1D; --v4-ink-2:#282C31; --v4-mute:#55595F; --v4-line:#CDC7BB; --v4-line-soft:#DAD4C8; --v4-accent:#0E4F58; --v4-accent-hi:#0B434B; --v4-night:#171A1D; --v4-accent-alt:#6FD0D8; --v4-accent-2:#0E4F58; /* legacy palette — src/styles.css, ~350 uses */ --stone:#E9E5DC; --stone-2:#E0DBD0; --stone-3:#D5CFC2; --ink:#171A1D; --ink-2:#282C31; --ink-muted:#55595F; --ink-subtle:#64676C; --line:#CDC7BB; --line-soft:#DAD4C8; --green:#282C31; --green-2:#171A1D; --green-soft:#666768; --steel:#55595F; --steel-soft:#818384; --copper:#0E4F58; --copper-soft:#3D6E73; --copper-bright:#0B434B; --panel:#171A1D; --panel-2:#2C2E30; --panel-line:#454747; --signal-amber:#895F16; --signal-rose:#BE1826; --zn-cream-rgb:255,255,255; --zn-ink-rgb:23,26,29; --zn-accent-rgb:14,79,88; --zn-night-rgb:23,26,29; --zn-lift-rgb:233,229,220; --zn-shade-rgb:23,26,29; --zn-paper-rgb:233,229,220; --zn-accent-2-rgb:14,79,88; --zn-ink-deep-rgb:23,26,29; --zn-cream-warm-rgb:233,229,220; --zn-accent-hi-rgb:11,67,75; --zn-accent-alt-rgb:111,208,216; --zn-accent-glow-rgb:11,67,75; --zn-copper-rgb:14,79,88; --zn-copper-soft-rgb:61,110,115; --zn-copper-bright-rgb:11,67,75; --zn-signal-rose-rgb:190,24,38; --zn-signal-amber-rgb:137,95,22; --zn-green-rgb:40,44,49; --zn-line-rgb:205,199,187; --zn-scrim-rgb:23,26,29; --zn-shadow-warm-rgb:23,26,29; --zn-hilite-rgb:233,229,220; --zn-night:#171A1D; --zn-night-2:#303234; --zn-cream-warm:#E9E5DC; --zn-cream-3:#E9E5DC; --zn-accent-alt:#6FD0D8; --zn-accent-deep:#113C43; --zn-work-mute:#55595F; } /* PALETTE 15 — OAT (light, warm oat with a forest-ink accent, light ground) — Unbleached oat paper stock with a forest-green ink that reads letterpress, not success-state. */ html[data-zn-pal="15"]{ --v4-paper:#E4DDD0; --v4-paper-2:#DAD2C3; --v4-paper-3:#CEC5B4; --v4-ink:#161A16; --v4-ink-2:#262C26; --v4-mute:#50544C; --v4-line:#C8C0B0; --v4-line-soft:#D5CDBE; --v4-accent:#155A34; --v4-accent-hi:#114B2B; --v4-night:#161A16; --v4-accent-alt:#7FD39B; --v4-accent-2:#155A34; /* legacy palette — src/styles.css, ~350 uses */ --stone:#E4DDD0; --stone-2:#DAD2C3; --stone-3:#CEC5B4; --ink:#161A16; --ink-2:#262C26; --ink-muted:#50544C; --ink-subtle:#60635B; --line:#C8C0B0; --line-soft:#D5CDBE; --green:#262C26; --green-2:#161A16; --green-soft:#61635B; --steel:#50544C; --steel-soft:#7C7D74; --copper:#155A34; --copper-soft:#3D6C4E; --copper-bright:#114B2B; --panel:#161A16; --panel-2:#2B2E29; --panel-line:#43453F; --signal-amber:#7F5B1E; --signal-rose:#B3232F; --zn-cream-rgb:255,255,255; --zn-ink-rgb:22,26,22; --zn-accent-rgb:21,90,52; --zn-night-rgb:22,26,22; --zn-lift-rgb:228,221,208; --zn-shade-rgb:22,26,22; --zn-paper-rgb:228,221,208; --zn-accent-2-rgb:21,90,52; --zn-ink-deep-rgb:22,26,22; --zn-cream-warm-rgb:228,221,208; --zn-accent-hi-rgb:17,75,43; --zn-accent-alt-rgb:127,211,155; --zn-accent-glow-rgb:17,75,43; --zn-copper-rgb:21,90,52; --zn-copper-soft-rgb:61,108,78; --zn-copper-bright-rgb:17,75,43; --zn-signal-rose-rgb:179,35,47; --zn-signal-amber-rgb:127,91,30; --zn-green-rgb:38,44,38; --zn-line-rgb:200,192,176; --zn-scrim-rgb:22,26,22; --zn-shadow-warm-rgb:22,26,22; --zn-hilite-rgb:228,221,208; --zn-night:#161A16; --zn-night-2:#2F312C; --zn-cream-warm:#E4DDD0; --zn-cream-3:#E4DDD0; --zn-accent-alt:#7FD39B; --zn-accent-deep:#15442A; --zn-work-mute:#50544C; } /* PALETTE 16 — COLD BREW (dark, umber espresso ground with a cool mint accent) — Espresso brown-black ground, warm bone type, mint ice as cold light on a warm surface. */ html[data-zn-pal="16"]{ --v4-paper:#251A14; --v4-paper-2:#30231C; --v4-paper-3:#3B2C24; --v4-ink:#F3E9DF; --v4-ink-2:#DDCFC3; --v4-mute:#B5A192; --v4-line:#41312A; --v4-line-soft:#33261F; --v4-accent:#8FE8DD; --v4-accent-hi:#A6EEE5; --v4-night:#EFE7DE; --v4-accent-alt:#0E6B62; --v4-accent-2:#8FE8DD; /* legacy palette — src/styles.css, ~350 uses */ --stone:#251A14; --stone-2:#30231C; --stone-3:#3B2C24; --ink:#F3E9DF; --ink-2:#DDCFC3; --ink-muted:#B5A192; --ink-subtle:#928174; --line:#41312A; --line-soft:#33261F; --green:#DDCFC3; --green-2:#F3E9DF; --green-soft:#8E8178; --steel:#B5A192; --steel-soft:#8A786C; --copper:#8FE8DD; --copper-soft:#78BBB1; --copper-bright:#A6EEE5; --panel:#EFE7DE; --panel-2:#DBD2CA; --panel-line:#C3BAB2; --signal-amber:#DEAF5E; --signal-rose:#E35965; --zn-cream-rgb:0,0,0; --zn-ink-rgb:243,233,223; --zn-accent-rgb:143,232,221; --zn-night-rgb:239,231,222; --zn-lift-rgb:37,26,20; --zn-shade-rgb:239,231,222; --zn-paper-rgb:37,26,20; --zn-accent-2-rgb:143,232,221; --zn-ink-deep-rgb:243,233,223; --zn-cream-warm-rgb:37,26,20; --zn-accent-hi-rgb:166,238,229; --zn-accent-alt-rgb:14,107,98; --zn-accent-glow-rgb:166,238,229; --zn-copper-rgb:143,232,221; --zn-copper-soft-rgb:120,187,177; --zn-copper-bright-rgb:166,238,229; --zn-signal-rose-rgb:227,89,101; --zn-signal-amber-rgb:222,175,94; --zn-green-rgb:221,207,195; --zn-line-rgb:65,49,42; --zn-scrim-rgb:37,26,20; --zn-shadow-warm-rgb:37,26,20; --zn-hilite-rgb:243,233,223; --zn-night:#EFE7DE; --zn-night-2:#D7CEC6; --zn-cream-warm:#251A14; --zn-cream-3:#251A14; --zn-accent-alt:#0E6B62; --zn-accent-deep:#6AA097; --zn-work-mute:#B5A192; } /* PALETTE 17 — RISO (two-accent, riso two-ink print register on off-white, light ground) — Two riso inks and no black: navy is the type, cerise is the signal, the night band is the navy plate solid. — second accent #1B2A6B -> --steel */ html[data-zn-pal="17"]{ --v4-paper:#F3F1EC; --v4-paper-2:#EAE8E1; --v4-paper-3:#E0DDD4; --v4-ink:#1B2A6B; --v4-ink-2:#26377F; --v4-mute:#4E5A8A; --v4-line:#D5D2C9; --v4-line-soft:#E2DFD7; --v4-accent:#C8106F; --v4-accent-hi:#B50E64; --v4-night:#1B2A6B; --v4-accent-alt:#FF63B8; --v4-accent-2:#1B2A6B; /* legacy palette — src/styles.css, ~350 uses */ --stone:#F3F1EC; --stone-2:#EAE8E1; --stone-3:#E0DDD4; --ink:#1B2A6B; --ink-2:#26377F; --ink-muted:#4E5A8A; --ink-subtle:#626C96; --line:#D5D2C9; --line-soft:#E2DFD7; --green:#26377F; --green-2:#1B2A6B; --green-soft:#5F6B9E; --steel:#1B2A6B; --steel-soft:#5C6692; --copper:#C8106F; --copper-soft:#C6307B; --copper-bright:#B50E64; --panel:#1B2A6B; --panel-2:#313E78; --panel-line:#4B5687; --signal-amber:#96630C; --signal-rose:#CC0B1B; --zn-cream-rgb:255,255,255; --zn-ink-rgb:27,42,107; --zn-accent-rgb:200,16,111; --zn-night-rgb:27,42,107; --zn-lift-rgb:243,241,236; --zn-shade-rgb:27,42,107; --zn-paper-rgb:243,241,236; --zn-accent-2-rgb:27,42,107; --zn-ink-deep-rgb:27,42,107; --zn-cream-warm-rgb:243,241,236; --zn-accent-hi-rgb:181,14,100; --zn-accent-alt-rgb:255,99,184; --zn-accent-glow-rgb:181,14,100; --zn-copper-rgb:200,16,111; --zn-copper-soft-rgb:198,48,123; --zn-copper-bright-rgb:181,14,100; --zn-signal-rose-rgb:204,11,27; --zn-signal-amber-rgb:150,99,12; --zn-green-rgb:38,55,127; --zn-line-rgb:213,210,201; --zn-scrim-rgb:27,42,107; --zn-shadow-warm-rgb:27,42,107; --zn-hilite-rgb:243,241,236; --zn-night:#1B2A6B; --zn-night-2:#35427A; --zn-cream-warm:#F3F1EC; --zn-cream-3:#F3F1EC; --zn-accent-alt:#FF63B8; --zn-accent-deep:#8B196E; --zn-work-mute:#4E5A8A; } /* PALETTE 18 — BOTTLE / ACID (dark, BOTTLE ground, analogous accent) — BOTTLE ground with a chartreuse accent: the green-black lit from behind rather than a foreign colour dropped in. */ html[data-zn-pal="18"]{ --v4-paper:#0A1512; --v4-paper-2:#0F1E19; --v4-paper-3:#152720; --v4-ink:#E9F3ED; --v4-ink-2:#C7D9CF; --v4-mute:#85A093; --v4-line:#1E332B; --v4-line-soft:#122019; --v4-accent:#CFF040; --v4-accent-hi:#DDF75C; --v4-night:#E8F1EB; --v4-accent-alt:#54720A; --v4-accent-2:#CFF040; /* legacy palette — src/styles.css, ~350 uses */ --stone:#0A1512; --stone-2:#0F1E19; --stone-3:#152720; --ink:#E9F3ED; --ink-2:#C7D9CF; --ink-muted:#85A093; --ink-subtle:#6B8378; --line:#1E332B; --line-soft:#122019; --green:#C7D9CF; --green-2:#E9F3ED; --green-soft:#72817A; --steel:#85A093; --steel-soft:#60766C; --copper:#CFF040; --copper-soft:#A4C036; --copper-bright:#DDF75C; --panel:#E8F1EB; --panel-2:#D2DBD5; --panel-line:#B7C1BB; --signal-amber:#F1B44B; --signal-rose:#F64655; --zn-cream-rgb:0,0,0; --zn-ink-rgb:233,243,237; --zn-accent-rgb:207,240,64; --zn-night-rgb:232,241,235; --zn-lift-rgb:10,21,18; --zn-shade-rgb:232,241,235; --zn-paper-rgb:10,21,18; --zn-accent-2-rgb:207,240,64; --zn-ink-deep-rgb:233,243,237; --zn-cream-warm-rgb:10,21,18; --zn-accent-hi-rgb:221,247,92; --zn-accent-alt-rgb:84,114,10; --zn-accent-glow-rgb:221,247,92; --zn-copper-rgb:207,240,64; --zn-copper-soft-rgb:164,192,54; --zn-copper-bright-rgb:221,247,92; --zn-signal-rose-rgb:246,70,85; --zn-signal-amber-rgb:241,180,75; --zn-green-rgb:199,217,207; --zn-line-rgb:30,51,43; --zn-scrim-rgb:10,21,18; --zn-shadow-warm-rgb:10,21,18; --zn-hilite-rgb:233,243,237; --zn-night:#E8F1EB; --zn-night-2:#CDD7D1; --zn-cream-warm:#0A1512; --zn-cream-3:#0A1512; --zn-accent-alt:#54720A; --zn-accent-deep:#8AA330; --zn-work-mute:#85A093; } /* PALETTE 19 — BOTTLE / BONE (dark, BOTTLE ground, near-neutral accent) — BOTTLE ground with a warm bone accent: a second white one degree warmer than ink, paper stock rather than paint. */ html[data-zn-pal="19"]{ --v4-paper:#0A1512; --v4-paper-2:#0F1E19; --v4-paper-3:#152720; --v4-ink:#E9F3ED; --v4-ink-2:#C7D9CF; --v4-mute:#85A093; --v4-line:#1E332B; --v4-line-soft:#122019; --v4-accent:#EDE3CB; --v4-accent-hi:#F5EDDA; --v4-night:#E8F1EB; --v4-accent-alt:#6B6353; --v4-accent-2:#EDE3CB; /* legacy palette — src/styles.css, ~350 uses */ --stone:#0A1512; --stone-2:#0F1E19; --stone-3:#152720; --ink:#E9F3ED; --ink-2:#C7D9CF; --ink-muted:#85A093; --ink-subtle:#6B8378; --line:#1E332B; --line-soft:#122019; --green:#C7D9CF; --green-2:#E9F3ED; --green-soft:#72817A; --steel:#85A093; --steel-soft:#60766C; --copper:#EDE3CB; --copper-soft:#BBB6A2; --copper-bright:#F5EDDA; --panel:#E8F1EB; --panel-2:#D2DBD5; --panel-line:#B7C1BB; --signal-amber:#CDAB6F; --signal-rose:#D26A73; --zn-cream-rgb:0,0,0; --zn-ink-rgb:233,243,237; --zn-accent-rgb:237,227,203; --zn-night-rgb:232,241,235; --zn-lift-rgb:10,21,18; --zn-shade-rgb:232,241,235; --zn-paper-rgb:10,21,18; --zn-accent-2-rgb:237,227,203; --zn-ink-deep-rgb:233,243,237; --zn-cream-warm-rgb:10,21,18; --zn-accent-hi-rgb:245,237,218; --zn-accent-alt-rgb:107,99,83; --zn-accent-glow-rgb:245,237,218; --zn-copper-rgb:237,227,203; --zn-copper-soft-rgb:187,182,162; --zn-copper-bright-rgb:245,237,218; --zn-signal-rose-rgb:210,106,115; --zn-signal-amber-rgb:205,171,111; --zn-green-rgb:199,217,207; --zn-line-rgb:30,51,43; --zn-scrim-rgb:10,21,18; --zn-shadow-warm-rgb:10,21,18; --zn-hilite-rgb:233,243,237; --zn-night:#E8F1EB; --zn-night-2:#CDD7D1; --zn-cream-warm:#0A1512; --zn-cream-3:#0A1512; --zn-accent-alt:#6B6353; --zn-accent-deep:#9E9B8A; --zn-work-mute:#85A093; } /* PALETTE 20 — BOTTLE / HOT PINK (dark, BOTTLE ground, complementary accent) — BOTTLE ground with a hot pink accent: the honest complement of a green-black, a lipstick mark on dark glass. */ html[data-zn-pal="20"]{ --v4-paper:#0A1512; --v4-paper-2:#0F1E19; --v4-paper-3:#152720; --v4-ink:#E9F3ED; --v4-ink-2:#C7D9CF; --v4-mute:#85A093; --v4-line:#1E332B; --v4-line-soft:#122019; --v4-accent:#FF4FA3; --v4-accent-hi:#FF74B8; --v4-night:#E8F1EB; --v4-accent-alt:#CC1470; --v4-accent-2:#FF4FA3; /* legacy palette — src/styles.css, ~350 uses */ --stone:#0A1512; --stone-2:#0F1E19; --stone-3:#152720; --ink:#E9F3ED; --ink-2:#C7D9CF; --ink-muted:#85A093; --ink-subtle:#6B8378; --line:#1E332B; --line-soft:#122019; --green:#C7D9CF; --green-2:#E9F3ED; --green-soft:#72817A; --steel:#85A093; --steel-soft:#60766C; --copper:#FF4FA3; --copper-soft:#CD4F8B; --copper-bright:#FF74B8; --panel:#E8F1EB; --panel-2:#D2DBD5; --panel-line:#B7C1BB; --signal-amber:#F3B549; --signal-rose:#F74554; --zn-cream-rgb:0,0,0; --zn-ink-rgb:233,243,237; --zn-accent-rgb:255,79,163; --zn-night-rgb:232,241,235; --zn-lift-rgb:10,21,18; --zn-shade-rgb:232,241,235; --zn-paper-rgb:10,21,18; --zn-accent-2-rgb:255,79,163; --zn-ink-deep-rgb:233,243,237; --zn-cream-warm-rgb:10,21,18; --zn-accent-hi-rgb:255,116,184; --zn-accent-alt-rgb:204,20,112; --zn-accent-glow-rgb:255,116,184; --zn-copper-rgb:255,79,163; --zn-copper-soft-rgb:205,79,139; --zn-copper-bright-rgb:255,116,184; --zn-signal-rose-rgb:247,69,84; --zn-signal-amber-rgb:243,181,73; --zn-green-rgb:199,217,207; --zn-line-rgb:30,51,43; --zn-scrim-rgb:10,21,18; --zn-shadow-warm-rgb:10,21,18; --zn-hilite-rgb:233,243,237; --zn-night:#E8F1EB; --zn-night-2:#CDD7D1; --zn-cream-warm:#0A1512; --zn-cream-3:#0A1512; --zn-accent-alt:#CC1470; --zn-accent-deep:#A93B70; --zn-work-mute:#85A093; } /* PALETTE 21 — BOTTLE / MINT (dark, BOTTLE ground, achromatic accent) — BOTTLE ground with a mint accent out of the same bottle: one hue at three values, nothing added, only turned up. */ html[data-zn-pal="21"]{ --v4-paper:#0A1512; --v4-paper-2:#0F1E19; --v4-paper-3:#152720; --v4-ink:#E9F3ED; --v4-ink-2:#C7D9CF; --v4-mute:#85A093; --v4-line:#1E332B; --v4-line-soft:#122019; --v4-accent:#3FF0A0; --v4-accent-hi:#69F5B6; --v4-night:#E8F1EB; --v4-accent-alt:#0D7552; --v4-accent-2:#3FF0A0; /* legacy palette — src/styles.css, ~350 uses */ --stone:#0A1512; --stone-2:#0F1E19; --stone-3:#152720; --ink:#E9F3ED; --ink-2:#C7D9CF; --ink-muted:#85A093; --ink-subtle:#6B8378; --line:#1E332B; --line-soft:#122019; --green:#C7D9CF; --green-2:#E9F3ED; --green-soft:#72817A; --steel:#85A093; --steel-soft:#60766C; --copper:#3FF0A0; --copper-soft:#33C081; --copper-bright:#69F5B6; --panel:#E8F1EB; --panel-2:#D2DBD5; --panel-line:#B7C1BB; --signal-amber:#F1B44B; --signal-rose:#F64655; --zn-cream-rgb:0,0,0; --zn-ink-rgb:233,243,237; --zn-accent-rgb:63,240,160; --zn-night-rgb:232,241,235; --zn-lift-rgb:10,21,18; --zn-shade-rgb:232,241,235; --zn-paper-rgb:10,21,18; --zn-accent-2-rgb:63,240,160; --zn-ink-deep-rgb:233,243,237; --zn-cream-warm-rgb:10,21,18; --zn-accent-hi-rgb:105,245,182; --zn-accent-alt-rgb:13,117,82; --zn-accent-glow-rgb:105,245,182; --zn-copper-rgb:63,240,160; --zn-copper-soft-rgb:51,192,129; --zn-copper-bright-rgb:105,245,182; --zn-signal-rose-rgb:246,70,85; --zn-signal-amber-rgb:241,180,75; --zn-green-rgb:199,217,207; --zn-line-rgb:30,51,43; --zn-scrim-rgb:10,21,18; --zn-shadow-warm-rgb:10,21,18; --zn-hilite-rgb:233,243,237; --zn-night:#E8F1EB; --zn-night-2:#CDD7D1; --zn-cream-warm:#0A1512; --zn-cream-3:#0A1512; --zn-accent-alt:#0D7552; --zn-accent-deep:#2CA36E; --zn-work-mute:#85A093; } /* PALETTE 22 — BOTTLE / COBALT (dark, BOTTLE ground, triadic accent) — BOTTLE ground with a hard cobalt accent: Klein pigment and printed ink, far enough round the wheel to snap. */ html[data-zn-pal="22"]{ --v4-paper:#0A1512; --v4-paper-2:#0F1E19; --v4-paper-3:#152720; --v4-ink:#E9F3ED; --v4-ink-2:#C7D9CF; --v4-mute:#85A093; --v4-line:#1E332B; --v4-line-soft:#122019; --v4-accent:#5C8CFF; --v4-accent-hi:#7AA2FF; --v4-night:#E8F1EB; --v4-accent-alt:#1F4FD6; --v4-accent-2:#5C8CFF; /* legacy palette — src/styles.css, ~350 uses */ --stone:#0A1512; --stone-2:#0F1E19; --stone-3:#152720; --ink:#E9F3ED; --ink-2:#C7D9CF; --ink-muted:#85A093; --ink-subtle:#6B8378; --line:#1E332B; --line-soft:#122019; --green:#C7D9CF; --green-2:#E9F3ED; --green-soft:#72817A; --steel:#85A093; --steel-soft:#60766C; --copper:#5C8CFF; --copper-soft:#567BCE; --copper-bright:#7AA2FF; --panel:#E8F1EB; --panel-2:#D2DBD5; --panel-line:#B7C1BB; --signal-amber:#F3B549; --signal-rose:#F74554; --zn-cream-rgb:0,0,0; --zn-ink-rgb:233,243,237; --zn-accent-rgb:92,140,255; --zn-night-rgb:232,241,235; --zn-lift-rgb:10,21,18; --zn-shade-rgb:232,241,235; --zn-paper-rgb:10,21,18; --zn-accent-2-rgb:92,140,255; --zn-ink-deep-rgb:233,243,237; --zn-cream-warm-rgb:10,21,18; --zn-accent-hi-rgb:122,162,255; --zn-accent-alt-rgb:31,79,214; --zn-accent-glow-rgb:122,162,255; --zn-copper-rgb:92,140,255; --zn-copper-soft-rgb:86,123,206; --zn-copper-bright-rgb:122,162,255; --zn-signal-rose-rgb:247,69,84; --zn-signal-amber-rgb:243,181,73; --zn-green-rgb:199,217,207; --zn-line-rgb:30,51,43; --zn-scrim-rgb:10,21,18; --zn-shadow-warm-rgb:10,21,18; --zn-hilite-rgb:233,243,237; --zn-night:#E8F1EB; --zn-night-2:#CDD7D1; --zn-cream-warm:#0A1512; --zn-cream-3:#0A1512; --zn-accent-alt:#1F4FD6; --zn-accent-deep:#3F62AC; --zn-work-mute:#85A093; } /* ==================================================================================== PALETTE STRUCTURAL FIXES (palette-independent, gated on any active palette) accent-hi -> accent-alt on the relief bands, plus the literals that no var() rewrite can reach: the footer spine ground, the nav scrim, and the SVG presentation attributes in src/v5-ai.jsx and src/v5-recent.jsx. ==================================================================================== */ /* The footer spine hardcodes background:#16171A (src/v5-styles.css:2206) and pairs it with color:var(--v4-paper). On a dark palette paper is dark, so the spine would go dark-on-dark. Re-point it at the relief band. NOT in the Phase-1 rewrite plan. */ html[data-zn-pal]:not([data-zn-pal="0"]) .v5-footer-spine{ background:var(--v4-paper-2); color:var(--v4-ink); border-top:1px solid var(--v4-line); border-bottom:1px solid var(--v4-line); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-footer-spine-mark, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-footer-spine-meta{ color:var(--v4-mute); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-footer-spine-text{ color:var(--v4-ink); } /* The sticky nav is rgba(var(--zn-cream-rgb),0.85) OVER PAPER (src/v4-styles.css:32, sqs/site-shell.css:44) — the only cream consumer that does not sit on a relief band. With cream now the paper-side extreme (see the palette banner) it must read the un-composited paper triplet instead, or a dark palette's nav goes black over grey. The shell pages' header.v4-nav.site-shell-nav is excluded: sqs/site-shell.css:125 already pins it to solid var(--v4-paper) and it is static, not sticky. */ html[data-zn-pal]:not([data-zn-pal="0"]) .v4-nav:not(.site-shell-nav){ background:rgba(var(--zn-paper-rgb), 0.85); } /* accent-hi -> accent-alt: colour */ html[data-zn-pal]:not([data-zn-pal="0"]) .v4-marquee-item .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v4-practice-title .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v4-practice-stat-num .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v4-practice-cred-label, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-portal .v5-portal-title .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-portal-foot .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai .v5-ai-title .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai-half-title-split:hover .split-char, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai-half-sub .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-lab .v5-lab-title .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-lab-intro .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-lab-card-domain, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-facet-hud-num, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-title .emph, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-mode-row.is-active .v5-engagements-mode-row-range, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-detail-zones, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-detail-cta{ color:var(--v4-accent-alt); } /* accent-hi -> accent-alt: fills and rules */ html[data-zn-pal]:not([data-zn-pal="0"]) .v4-practice-eyebrow::before, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai-half-item:hover .v5-ai-half-item-rule, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-facet-hud-rule, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-mode-row.is-active::before{ background:var(--v4-accent-alt); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-timeline-stage.is-active .v5-engagements-timeline-dot, html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-mode-row.is-active .v5-engagements-mode-row-marker{ background:var(--v4-accent-alt); border-color:var(--v4-accent-alt); } /* The AI divider SVG already carries !important at (0,1,1); this is (0,3,2)+!important. */ html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai-divider-svg circle{ fill:var(--v4-night) !important; stroke:var(--v4-accent-alt) !important; } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai-divider-svg text{ fill:var(--v4-accent-alt) !important; } /* src/v5-ai.jsx AI markers (Range / Judgment) — presentation attributes on the night band. #D86A48 is accent-hi and goes to accent-alt like every other accent-hi on this band; the rgba(242,238,230,A) creams go to the composited cream triplet at their own alpha. Attribute-value selectors, (0,3,2), no !important needed against an attribute. */ html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai .v5-ai-marker [fill="#D86A48"]{ fill:var(--v4-accent-alt); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai .v5-ai-marker [stroke="#D86A48"]{ stroke:var(--v4-accent-alt); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai .v5-ai-marker [fill="rgba(242,238,230,0.45)"]{ fill:rgba(var(--zn-cream-rgb), 0.45); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai .v5-ai-marker [stroke="rgba(242,238,230,0.45)"]{ stroke:rgba(var(--zn-cream-rgb), 0.45); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai .v5-ai-marker [fill="rgba(242,238,230,0.55)"]{ fill:rgba(var(--zn-cream-rgb), 0.55); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai .v5-ai-marker [stroke="rgba(242,238,230,0.55)"]{ stroke:rgba(var(--zn-cream-rgb), 0.55); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai .v5-ai-marker [fill="rgba(242,238,230,0.6)"]{ fill:rgba(var(--zn-cream-rgb), 0.6); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-ai .v5-ai-marker [stroke="rgba(242,238,230,0.6)"]{ stroke:rgba(var(--zn-cream-rgb), 0.6); } /* src/v5-recent.jsx layer icons — site copper is chrome and follows --v4-accent on every palette. The V5Specimen plates inside .v5-recent-visual are client artwork and are deliberately NOT matched by anything in this file. */ html[data-zn-pal]:not([data-zn-pal="0"]) .v5-layer-icon [fill="#B9583C"]{ fill:var(--v4-accent); } html[data-zn-pal]:not([data-zn-pal="0"]) .v5-layer-icon [stroke="#B9583C"]{ stroke:var(--v4-accent); } /* Layer-icon CLIENT tints, per palette: kept where they still clear 3.0:1 on that palette's paper as a graphic; substituted only where they would vanish. */ /* 1 BLACK BOX — on paper #0A0A0C: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="1"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="1"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="1"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="1"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 2 EMBER ROOM — on paper #15100B: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="2"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="2"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="2"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="2"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 3 BLUEPRINT NOIR — on paper #0A0E15: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="3"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="3"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="3"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="3"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 4 VOLT — on paper #0B0D0A: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="4"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="4"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="4"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="4"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 5 STUDIO WHITE — on paper #FAFAFB: none -> ink-2; none -> accent; kept as artwork: #2D3A1F,#1F3D2E,#C0563B */ /* 6 OXBLOOD & BONE — on paper #2A0B10: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="6"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="6"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="6"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="6"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 7 MONO + HOT — on paper #FFFFFF: none -> ink-2; none -> accent; kept as artwork: #2D3A1F,#1F3D2E,#C0563B */ /* 8 BOTTLE — on paper #0A1512: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="8"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="8"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="8"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="8"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 9 INTERNATIONAL — on paper #1B2AB8: #2D3A1F,#1F3D2E -> ink-2; #C0563B -> accent; kept as artwork: none */ html[data-zn-pal="9"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="9"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="9"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="9"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } html[data-zn-pal="9"] .v5-layer-icon [fill="#C0563B"]{ fill:var(--v4-accent); } html[data-zn-pal="9"] .v5-layer-icon [stroke="#C0563B"]{ stroke:var(--v4-accent); } /* 10 CONCRETE — on paper #EDF0F2: none -> ink-2; none -> accent; kept as artwork: #2D3A1F,#1F3D2E,#C0563B */ /* 11 CYC WALL — on paper #4A4744: #2D3A1F,#1F3D2E -> ink-2; #C0563B -> accent; kept as artwork: none */ html[data-zn-pal="11"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="11"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="11"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="11"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } html[data-zn-pal="11"] .v5-layer-icon [fill="#C0563B"]{ fill:var(--v4-accent); } html[data-zn-pal="11"] .v5-layer-icon [stroke="#C0563B"]{ stroke:var(--v4-accent); } /* 12 REGISTRATION — on paper #2B2B2D: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="12"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="12"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="12"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="12"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 13 GUNMETAL — on paper #2A3037: #2D3A1F,#1F3D2E -> ink-2; #C0563B -> accent; kept as artwork: none */ html[data-zn-pal="13"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="13"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="13"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="13"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } html[data-zn-pal="13"] .v5-layer-icon [fill="#C0563B"]{ fill:var(--v4-accent); } html[data-zn-pal="13"] .v5-layer-icon [stroke="#C0563B"]{ stroke:var(--v4-accent); } /* 14 BONE — on paper #E9E5DC: none -> ink-2; none -> accent; kept as artwork: #2D3A1F,#1F3D2E,#C0563B */ /* 15 OAT — on paper #E4DDD0: none -> ink-2; none -> accent; kept as artwork: #2D3A1F,#1F3D2E,#C0563B */ /* 16 COLD BREW — on paper #251A14: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="16"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="16"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="16"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="16"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 17 RISO — on paper #F3F1EC: none -> ink-2; none -> accent; kept as artwork: #2D3A1F,#1F3D2E,#C0563B */ /* 18 BOTTLE / ACID — on paper #0A1512: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="18"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="18"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="18"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="18"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 19 BOTTLE / BONE — on paper #0A1512: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="19"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="19"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="19"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="19"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 20 BOTTLE / HOT PINK — on paper #0A1512: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="20"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="20"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="20"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="20"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 21 BOTTLE / MINT — on paper #0A1512: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="21"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="21"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="21"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="21"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* 22 BOTTLE / COBALT — on paper #0A1512: #2D3A1F,#1F3D2E -> ink-2; none -> accent; kept as artwork: #C0563B */ html[data-zn-pal="22"] .v5-layer-icon [fill="#2D3A1F"], html[data-zn-pal="22"] .v5-layer-icon [fill="#1F3D2E"]{ fill:var(--v4-ink-2); } html[data-zn-pal="22"] .v5-layer-icon [stroke="#2D3A1F"], html[data-zn-pal="22"] .v5-layer-icon [stroke="#1F3D2E"]{ stroke:var(--v4-ink-2); } /* Timeline band gradient (src/v5-styles.css:1949) — both stops sit on the night band. */ html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-timeline-band{ background:linear-gradient(90deg, var(--v4-accent) 0%, var(--v4-accent-alt) 100%); } /* The engagements CTA underline is a literal rgba(216,106,72,.4) = accent-hi, but it sits on the night band, so it takes the alt triplet rather than --zn-accent-hi-rgb. */ html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-detail-cta{ border-bottom-color:rgba(var(--zn-accent-alt-rgb), 0.4); } /* ...and restore its hover: our accent-alt rule is (0,3,1) and would otherwise outrank src/v5-styles.css:2101 `.v5-engagements-detail-cta:hover` at (0,2,0). This is the only swapped selector in the list that carries a colour-changing state rule (grep-verified against every :hover in v4-styles.css and v5-styles.css). */ html[data-zn-pal]:not([data-zn-pal="0"]) .v5-engagements-detail-cta:hover{ color:var(--v4-paper); border-color:var(--v4-paper); } /* src/v5-facet.jsx:125 hard-sets color:rgb(14,15,14) inline on one .emph span — today's --v4-ink, so it goes ink-on-ink under every dark palette. Targeted by attribute so the sibling .emph (which takes its colour from CSS) is untouched. */ html[data-zn-pal]:not([data-zn-pal="0"]) .v5-page .v5-facet-headline .emph[style*="14, 15, 14"]{ color:var(--v4-ink) !important; } /* ==================================================================================== CREAM ALPHA PARITY — effective-alpha floors 36 text-bearing rgba(var(--zn-cream-rgb),A) rules read from src/v4-styles.css and src/v5-styles.css at build time; 30 pass 4.5:1 on the original site and are held to that on every palette. Each palette's floor is the smallest alpha at which its cream reaches 4.5:1 over the real ground (sRGB source-over). Only the rules that would otherwise fall under the floor are re-emitted, at the floor, per palette. ==================================================================================== */ /* PALETTE 1 BLACK BOX — fails <4.5:1 of 36: cream==paper 17, extreme cream 10, after floors 6 (original site: 6) */ html[data-zn-pal="1"] .v4-marquee-label, html[data-zn-pal="1"] .v5-portal-card-n, html[data-zn-pal="1"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="1"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 2 EMBER ROOM — fails <4.5:1 of 36: cream==paper 16, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="2"] .v4-marquee-label, html[data-zn-pal="2"] .v5-portal-card-n, html[data-zn-pal="2"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="2"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 3 BLUEPRINT NOIR — fails <4.5:1 of 36: cream==paper 17, extreme cream 10, after floors 6 (original site: 6) */ html[data-zn-pal="3"] .v4-marquee-label, html[data-zn-pal="3"] .v5-portal-card-n, html[data-zn-pal="3"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="3"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 4 VOLT — fails <4.5:1 of 36: cream==paper 16, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="4"] .v4-marquee-label, html[data-zn-pal="4"] .v5-portal-card-n, html[data-zn-pal="4"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="4"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 5 STUDIO WHITE — fails <4.5:1 of 36: cream==paper 6, extreme cream 3, after floors 3 (original site: 6) */ /* PALETTE 6 OXBLOOD & BONE — fails <4.5:1 of 36: cream==paper 17, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="6"] .v4-marquee-label, html[data-zn-pal="6"] .v5-portal-card-n, html[data-zn-pal="6"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="6"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 7 MONO + HOT — fails <4.5:1 of 36: cream==paper 6, extreme cream 6, after floors 6 (original site: 6) */ /* PALETTE 8 BOTTLE — fails <4.5:1 of 36: cream==paper 17, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="8"] .v4-marquee-label, html[data-zn-pal="8"] .v5-portal-card-n, html[data-zn-pal="8"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="8"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 9 INTERNATIONAL — fails <4.5:1 of 36: cream==paper 27, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="9"] .v4-marquee-label, html[data-zn-pal="9"] .v5-portal-card-n, html[data-zn-pal="9"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="9"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 10 CONCRETE — fails <4.5:1 of 36: cream==paper 6, extreme cream 5, after floors 5 (original site: 6) */ /* PALETTE 11 CYC WALL — fails <4.5:1 of 36: cream==paper 30, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="11"] .v5-portal-card-n, html[data-zn-pal="11"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="11"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.54); } html[data-zn-pal="11"] .v4-marquee-label{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 12 REGISTRATION — fails <4.5:1 of 36: cream==paper 21, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="12"] .v4-marquee-label, html[data-zn-pal="12"] .v5-portal-card-n, html[data-zn-pal="12"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="12"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 13 GUNMETAL — fails <4.5:1 of 36: cream==paper 21, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="13"] .v4-marquee-label, html[data-zn-pal="13"] .v5-portal-card-n, html[data-zn-pal="13"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="13"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 14 BONE — fails <4.5:1 of 36: cream==paper 10, extreme cream 5, after floors 5 (original site: 6) */ /* PALETTE 15 OAT — fails <4.5:1 of 36: cream==paper 10, extreme cream 5, after floors 5 (original site: 6) */ /* PALETTE 16 COLD BREW — fails <4.5:1 of 36: cream==paper 18, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="16"] .v4-marquee-label, html[data-zn-pal="16"] .v5-portal-card-n, html[data-zn-pal="16"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="16"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 17 RISO — fails <4.5:1 of 36: cream==paper 10, extreme cream 10, after floors 6 (original site: 6) */ html[data-zn-pal="17"] .v4-marquee-label, html[data-zn-pal="17"] .v5-portal-card-n, html[data-zn-pal="17"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="17"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.51); } /* PALETTE 18 BOTTLE / ACID — fails <4.5:1 of 36: cream==paper 16, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="18"] .v4-marquee-label, html[data-zn-pal="18"] .v5-portal-card-n, html[data-zn-pal="18"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="18"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 19 BOTTLE / BONE — fails <4.5:1 of 36: cream==paper 16, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="19"] .v4-marquee-label, html[data-zn-pal="19"] .v5-portal-card-n, html[data-zn-pal="19"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="19"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 20 BOTTLE / HOT PINK — fails <4.5:1 of 36: cream==paper 17, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="20"] .v4-marquee-label, html[data-zn-pal="20"] .v5-portal-card-n, html[data-zn-pal="20"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="20"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 21 BOTTLE / MINT — fails <4.5:1 of 36: cream==paper 16, extreme cream 9, after floors 5 (original site: 6) */ html[data-zn-pal="21"] .v4-marquee-label, html[data-zn-pal="21"] .v5-portal-card-n, html[data-zn-pal="21"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="21"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* PALETTE 22 BOTTLE / COBALT — fails <4.5:1 of 36: cream==paper 17, extreme cream 10, after floors 6 (original site: 6) */ html[data-zn-pal="22"] .v4-marquee-label, html[data-zn-pal="22"] .v5-portal-card-n, html[data-zn-pal="22"] .v5-lab-card .v4-lab-card-n, html[data-zn-pal="22"] .v5-engagements-detail-meta{ color:rgba(var(--zn-cream-rgb), 0.55); } /* ==================================================================================== WIRE UNDERLINES — the two colours var() cannot reach src/v5-styles.css:127 stroke='%23B9583C' and :2234 stroke='%23D86A48' are baked into URL-encoded SVG data: URIs. var() does not interpolate inside a data: URI string, so the only fix is to re-emit the whole background-image per palette. ==================================================================================== */ html[data-zn-pal="1"] .v5-hero .wire-underline::after, html[data-zn-pal="1"] .v5-method .wire-underline::after, html[data-zn-pal="1"] .v5-ai .wire-underline::after, html[data-zn-pal="1"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="1"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="2"] .v5-hero .wire-underline::after, html[data-zn-pal="2"] .v5-method .wire-underline::after, html[data-zn-pal="2"] .v5-ai .wire-underline::after, html[data-zn-pal="2"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="2"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="3"] .v5-hero .wire-underline::after, html[data-zn-pal="3"] .v5-method .wire-underline::after, html[data-zn-pal="3"] .v5-ai .wire-underline::after, html[data-zn-pal="3"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="3"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="4"] .v5-hero .wire-underline::after, html[data-zn-pal="4"] .v5-method .wire-underline::after, html[data-zn-pal="4"] .v5-ai .wire-underline::after, html[data-zn-pal="4"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="4"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="5"] .v5-hero .wire-underline::after, html[data-zn-pal="5"] .v5-method .wire-underline::after, html[data-zn-pal="5"] .v5-ai .wire-underline::after, html[data-zn-pal="5"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="5"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="6"] .v5-hero .wire-underline::after, html[data-zn-pal="6"] .v5-method .wire-underline::after, html[data-zn-pal="6"] .v5-ai .wire-underline::after, html[data-zn-pal="6"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="6"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="7"] .v5-hero .wire-underline::after, html[data-zn-pal="7"] .v5-method .wire-underline::after, html[data-zn-pal="7"] .v5-ai .wire-underline::after, html[data-zn-pal="7"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="7"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="8"] .v5-hero .wire-underline::after, html[data-zn-pal="8"] .v5-method .wire-underline::after, html[data-zn-pal="8"] .v5-ai .wire-underline::after, html[data-zn-pal="8"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="8"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="9"] .v5-hero .wire-underline::after, html[data-zn-pal="9"] .v5-method .wire-underline::after, html[data-zn-pal="9"] .v5-ai .wire-underline::after, html[data-zn-pal="9"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="9"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="10"] .v5-hero .wire-underline::after, html[data-zn-pal="10"] .v5-method .wire-underline::after, html[data-zn-pal="10"] .v5-ai .wire-underline::after, html[data-zn-pal="10"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="10"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="11"] .v5-hero .wire-underline::after, html[data-zn-pal="11"] .v5-method .wire-underline::after, html[data-zn-pal="11"] .v5-ai .wire-underline::after, html[data-zn-pal="11"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="11"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="12"] .v5-hero .wire-underline::after, html[data-zn-pal="12"] .v5-method .wire-underline::after, html[data-zn-pal="12"] .v5-ai .wire-underline::after, html[data-zn-pal="12"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="12"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="13"] .v5-hero .wire-underline::after, html[data-zn-pal="13"] .v5-method .wire-underline::after, html[data-zn-pal="13"] .v5-ai .wire-underline::after, html[data-zn-pal="13"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="13"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="14"] .v5-hero .wire-underline::after, html[data-zn-pal="14"] .v5-method .wire-underline::after, html[data-zn-pal="14"] .v5-ai .wire-underline::after, html[data-zn-pal="14"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="14"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="15"] .v5-hero .wire-underline::after, html[data-zn-pal="15"] .v5-method .wire-underline::after, html[data-zn-pal="15"] .v5-ai .wire-underline::after, html[data-zn-pal="15"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="15"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="16"] .v5-hero .wire-underline::after, html[data-zn-pal="16"] .v5-method .wire-underline::after, html[data-zn-pal="16"] .v5-ai .wire-underline::after, html[data-zn-pal="16"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="16"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="17"] .v5-hero .wire-underline::after, html[data-zn-pal="17"] .v5-method .wire-underline::after, html[data-zn-pal="17"] .v5-ai .wire-underline::after, html[data-zn-pal="17"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="17"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="18"] .v5-hero .wire-underline::after, html[data-zn-pal="18"] .v5-method .wire-underline::after, html[data-zn-pal="18"] .v5-ai .wire-underline::after, html[data-zn-pal="18"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="18"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="19"] .v5-hero .wire-underline::after, html[data-zn-pal="19"] .v5-method .wire-underline::after, html[data-zn-pal="19"] .v5-ai .wire-underline::after, html[data-zn-pal="19"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="19"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="20"] .v5-hero .wire-underline::after, html[data-zn-pal="20"] .v5-method .wire-underline::after, html[data-zn-pal="20"] .v5-ai .wire-underline::after, html[data-zn-pal="20"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="20"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="21"] .v5-hero .wire-underline::after, html[data-zn-pal="21"] .v5-method .wire-underline::after, html[data-zn-pal="21"] .v5-ai .wire-underline::after, html[data-zn-pal="21"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="21"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="22"] .v5-hero .wire-underline::after, html[data-zn-pal="22"] .v5-method .wire-underline::after, html[data-zn-pal="22"] .v5-ai .wire-underline::after, html[data-zn-pal="22"] .v5-contact .wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } html[data-zn-pal="22"] .v5-footer-spine-wrap.wire-underline::after{ background:url("data:image/svg+xml;utf8,") repeat-x; background-size:120px 8px; } /* ==================================================================================== LABEL TOKEN (theme-wide, gated on any active type system or palette) --zn-label 12px / --zn-label-track .08em — the floor for every shell label. ==================================================================================== */ html[data-zn-type]:not([data-zn-type="0"]), html[data-zn-pal]:not([data-zn-pal="0"]){ --zn-label:12px; --zn-label-track:.08em; } /* ==================================================================================== TYPE SYSTEMS 1-10 Each system emits (a) its token block, (b) per-role rules, (c) the headline .emph word rules at (0,6,1)/(0,6,2) over the site's 14-headline list, (d) faux-oblique guards for kit families that ship no italic, (e) phone tiers at 720 / 480 / 520. Adobe kit elements are injected lazily by theme/zn-theme.js — this stylesheet never requests a webfont. ==================================================================================== */ /* TYPE 1 — ELZA ONE (brutal / grotesque) — kit kve2xbv — One squarish grotesque drawn twice: a tight display cut and a looser text cut. */ html[data-zn-type="1"]{ --display:"elza",sans-serif; --serif:"elza-text",sans-serif; --sans:"elza-text",sans-serif; --mono:"elza",sans-serif; --stencil:"elza",sans-serif; } html[data-zn-type="1"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"elza",sans-serif !important; font-weight:900 !important; font-size:83px !important; line-height:0.90 !important; letter-spacing:-0.03em !important; font-variation-settings:normal !important; } html[data-zn-type="1"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="1"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"elza",sans-serif !important; font-weight:900 !important; } html[data-zn-type="1"] .v4-word, html[data-zn-type="1"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="1"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="1"] .v4-nav-brand .v4-nav-brand-text{ font-family:"elza",sans-serif !important; font-weight:100 !important; font-size:20px !important; } html[data-zn-type="1"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"elza",sans-serif !important; font-weight:500 !important; } html[data-zn-type="1"] .v4-nav-link, html[data-zn-type="1"] .v4-nav-cta, html[data-zn-type="1"] .site-shell-footer-back{ font-weight:500; } html[data-zn-type="1"] .v5-page .v5-footer-mark-name{ font-family:"elza",sans-serif !important; font-weight:100 !important; } html[data-zn-type="1"] .v5-page .v5-practice-header-title, html[data-zn-type="1"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="1"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"elza",sans-serif !important; font-weight:900 !important; line-height:0.90 !important; letter-spacing:-0.03em !important; font-variation-settings:normal !important; } html[data-zn-type="1"] .v5-page .v5-through-title, html[data-zn-type="1"] .v5-page .v5-ai-title, html[data-zn-type="1"] .v5-page .v5-signals-title, html[data-zn-type="1"] .v5-page .v5-engagements-title, html[data-zn-type="1"] .v5-page .v5-facet-headline, html[data-zn-type="1"] .v5-page .v5-section-open-headline, html[data-zn-type="1"] .v5-page .v5-disciplines-headline, html[data-zn-type="1"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="1"] .v5-page .v5-teaser-title{ font-family:"elza",sans-serif !important; font-weight:600 !important; letter-spacing:-0.015em !important; font-variation-settings:normal !important; } html[data-zn-type="1"] .v5-page .v5-through-title .v4-word, html[data-zn-type="1"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="1"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="1"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="1"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="1"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="1"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="1"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="1"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="1"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="1"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="1"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="1"] .v5-page .v4-work-title .v4-word, html[data-zn-type="1"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="1"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="1"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"elza",sans-serif !important; font-weight:600 !important; } html[data-zn-type="1"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="1"] .v5-page .v5-facet-detail-title, html[data-zn-type="1"] .v5-page .v5-engagements-detail-name, html[data-zn-type="1"] .v5-page .v5-ai-half-title, html[data-zn-type="1"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="1"] .v5-page .v5-group-divider-title{ font-family:"elza",sans-serif; font-weight:600; font-size:34px; line-height:1.10; letter-spacing:-0.015em; font-variation-settings:normal; } html[data-zn-type="1"] .v5-page .v5-hero-tag, html[data-zn-type="1"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="1"] .v5-page .v5-through-foot, html[data-zn-type="1"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="1"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="1"] .v5-page .v5-footer-spine-text, html[data-zn-type="1"] .site-shell-footer-spine{ font-family:"elza-text",sans-serif; font-weight:300; letter-spacing:-0.005em; font-variation-settings:normal; } html[data-zn-type="1"] .v5-page .v5-facet-headline .emph{ font-family:"elza-text",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } html[data-zn-type="1"] .v5-page .v4-hero-foot-text, html[data-zn-type="1"] .v5-page .v5-through-lede, html[data-zn-type="1"] .v5-page .v5-ai-lede, html[data-zn-type="1"] .v5-page .v5-signals-lede, html[data-zn-type="1"] .v5-page .v5-facet-intro p, html[data-zn-type="1"] .v5-page .v5-section-open-copy, html[data-zn-type="1"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="1"] .v5-page .v5-teaser-lede p, html[data-zn-type="1"] .v5-page .v5-practice-header-lede p{ font-family:"elza-text",sans-serif; line-height:1.65; } html[data-zn-type="1"] .v5-page .v4-hero-foot-label, html[data-zn-type="1"] .v5-page .v4-hero-meta-top, html[data-zn-type="1"] .v5-page .v5-through-eyebrow, html[data-zn-type="1"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="1"] .v5-page .v5-flywheel-meta, html[data-zn-type="1"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="1"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="1"] .v5-page .v5-facet-label-disc, html[data-zn-type="1"] .v5-page .v5-footer-col-label, html[data-zn-type="1"] .v5-page .v5-footer-spine-mark, html[data-zn-type="1"] .v5-page .v5-contact-direct-label, html[data-zn-type="1"] .v5-page .v5-contact-key{ font-weight:500; } html[data-zn-type="1"] .v5-page .v5-work-eyebrow span{ font-family:"elza",sans-serif !important; font-weight:500 !important; } html[data-zn-type="1"] .cursor-label{ font-family:"elza",sans-serif !important; font-weight:500 !important; letter-spacing:0.16em !important; } html[data-zn-type="1"] .v5-ai-marker text{ font-family:"elza",sans-serif; font-weight:500; } html[data-zn-type="1"] .v5-page .v5-footer-spine-meta, html[data-zn-type="1"] .v5-page .v5-footer-ribbon{ font-family:"elza",sans-serif; font-weight:100; letter-spacing:0.24em; } html[data-zn-type="1"] .site-shell-footer-meta{ font-family:"elza",sans-serif; font-weight:100; } html[data-zn-type="1"] .zn-work-intro-head, html[data-zn-type="1"] body[data-slug="work"] .zn-tile-name{ font-family:"elza",sans-serif !important; font-weight:600 !important; letter-spacing:-0.015em !important; } html[data-zn-type="1"] .zn-work-intro-lede{ font-family:"elza-text",sans-serif !important; line-height:1.65 !important; } html[data-zn-type="1"] body[data-slug="work"] .zn-tile-cat{ font-family:"elza-text",sans-serif !important; } html[data-zn-type="1"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="1"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="1"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="1"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"elza-text",sans-serif !important; } html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="1"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="1"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"elza",sans-serif; --body-font-font-family:"elza-text",sans-serif; --primary-button-font-font-family:"elza",sans-serif; } html[data-zn-type="1"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="1"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="1"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="1"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"elza-text",sans-serif !important; } html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="1"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"elza-text",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } @media (max-width:720px){ html[data-zn-type="1"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 56px) !important; } } @media (max-width:480px){ html[data-zn-type="1"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 44px) !important; } } @media (max-width:900px){ html[data-zn-type="1"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="1"] .v5-page .v5-facet-detail-title, html[data-zn-type="1"] .v5-page .v5-engagements-detail-name, html[data-zn-type="1"] .v5-page .v5-ai-half-title, html[data-zn-type="1"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="1"] .v5-page .v5-group-divider-title{ font-size:26px; } } @media (max-width:520px){ html[data-zn-type="1"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="1"] .v4-nav-brand .v4-nav-brand-text{ font-size:17px !important; } } /* TYPE 2 — WARBLER FOUR (editorial / sharp serif) — kit pdt1cdy — One serif cut four separate times, one cut per size - display, banner, deck, text. */ html[data-zn-type="2"]{ --display:"warbler-display",sans-serif; --serif:"warbler-text",sans-serif; --sans:"warbler-text",sans-serif; --mono:"warbler-text",sans-serif; --stencil:"warbler-display",sans-serif; } html[data-zn-type="2"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"warbler-display",sans-serif !important; font-weight:400 !important; font-size:83px !important; line-height:0.95 !important; letter-spacing:-0.02em !important; font-variation-settings:normal !important; } html[data-zn-type="2"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="2"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"warbler-display",sans-serif !important; font-weight:400 !important; } html[data-zn-type="2"] .v4-word, html[data-zn-type="2"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="2"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="2"] .v4-nav-brand .v4-nav-brand-text{ font-family:"warbler-banner",sans-serif !important; font-weight:400 !important; font-size:21px !important; } html[data-zn-type="2"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"warbler-text",sans-serif !important; font-weight:700 !important; } html[data-zn-type="2"] .v4-nav-link, html[data-zn-type="2"] .v4-nav-cta, html[data-zn-type="2"] .site-shell-footer-back{ font-weight:700; } html[data-zn-type="2"] .v5-page .v5-footer-mark-name{ font-family:"warbler-banner",sans-serif !important; font-weight:400 !important; } html[data-zn-type="2"] .v5-page .v5-practice-header-title, html[data-zn-type="2"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="2"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"warbler-display",sans-serif !important; font-weight:400 !important; line-height:0.95 !important; letter-spacing:-0.02em !important; font-variation-settings:normal !important; } html[data-zn-type="2"] .v5-page .v5-through-title, html[data-zn-type="2"] .v5-page .v5-ai-title, html[data-zn-type="2"] .v5-page .v5-signals-title, html[data-zn-type="2"] .v5-page .v5-engagements-title, html[data-zn-type="2"] .v5-page .v5-facet-headline, html[data-zn-type="2"] .v5-page .v5-section-open-headline, html[data-zn-type="2"] .v5-page .v5-disciplines-headline, html[data-zn-type="2"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="2"] .v5-page .v5-teaser-title{ font-family:"warbler-deck",sans-serif !important; font-weight:400 !important; letter-spacing:-0.01em !important; font-variation-settings:normal !important; } html[data-zn-type="2"] .v5-page .v5-through-title .v4-word, html[data-zn-type="2"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="2"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="2"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="2"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="2"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="2"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="2"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="2"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="2"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="2"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="2"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="2"] .v5-page .v4-work-title .v4-word, html[data-zn-type="2"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="2"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="2"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"warbler-deck",sans-serif !important; font-weight:400 !important; } html[data-zn-type="2"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="2"] .v5-page .v5-facet-detail-title, html[data-zn-type="2"] .v5-page .v5-engagements-detail-name, html[data-zn-type="2"] .v5-page .v5-ai-half-title, html[data-zn-type="2"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="2"] .v5-page .v5-group-divider-title{ font-family:"warbler-deck",sans-serif; font-weight:400; font-size:36px; line-height:1.15; letter-spacing:-0.01em; font-variation-settings:normal; } html[data-zn-type="2"] .v5-page .v5-hero-tag, html[data-zn-type="2"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="2"] .v5-page .v5-through-foot, html[data-zn-type="2"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="2"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="2"] .v5-page .v5-footer-spine-text, html[data-zn-type="2"] .site-shell-footer-spine{ font-family:"warbler-banner",sans-serif; font-weight:400; letter-spacing:-0.005em; font-variation-settings:normal; } html[data-zn-type="2"] .v5-page .v5-facet-headline .emph{ font-family:"warbler-banner",sans-serif !important; font-weight:400 !important; font-variation-settings:normal !important; } html[data-zn-type="2"] .v5-page .v4-hero-foot-text, html[data-zn-type="2"] .v5-page .v5-through-lede, html[data-zn-type="2"] .v5-page .v5-ai-lede, html[data-zn-type="2"] .v5-page .v5-signals-lede, html[data-zn-type="2"] .v5-page .v5-facet-intro p, html[data-zn-type="2"] .v5-page .v5-section-open-copy, html[data-zn-type="2"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="2"] .v5-page .v5-teaser-lede p, html[data-zn-type="2"] .v5-page .v5-practice-header-lede p{ font-family:"warbler-text",sans-serif; line-height:1.60; } html[data-zn-type="2"] .v5-page .v4-hero-foot-label, html[data-zn-type="2"] .v5-page .v4-hero-meta-top, html[data-zn-type="2"] .v5-page .v5-through-eyebrow, html[data-zn-type="2"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="2"] .v5-page .v5-flywheel-meta, html[data-zn-type="2"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="2"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="2"] .v5-page .v5-facet-label-disc, html[data-zn-type="2"] .v5-page .v5-footer-col-label, html[data-zn-type="2"] .v5-page .v5-footer-spine-mark, html[data-zn-type="2"] .v5-page .v5-contact-direct-label, html[data-zn-type="2"] .v5-page .v5-contact-key{ font-weight:700; } html[data-zn-type="2"] .v5-page .v5-work-eyebrow span{ font-family:"warbler-text",sans-serif !important; font-weight:700 !important; } html[data-zn-type="2"] .cursor-label{ font-family:"warbler-text",sans-serif !important; font-weight:700 !important; letter-spacing:0.14em !important; } html[data-zn-type="2"] .v5-ai-marker text{ font-family:"warbler-text",sans-serif; font-weight:700; } html[data-zn-type="2"] .v5-page .v5-footer-spine-meta, html[data-zn-type="2"] .v5-page .v5-footer-ribbon{ font-family:"warbler-text",sans-serif; font-weight:400; letter-spacing:0.20em; } html[data-zn-type="2"] .site-shell-footer-meta{ font-family:"warbler-text",sans-serif; font-weight:400; } html[data-zn-type="2"] .zn-work-intro-head, html[data-zn-type="2"] body[data-slug="work"] .zn-tile-name{ font-family:"warbler-deck",sans-serif !important; font-weight:400 !important; letter-spacing:-0.01em !important; } html[data-zn-type="2"] .zn-work-intro-lede{ font-family:"warbler-text",sans-serif !important; line-height:1.60 !important; } html[data-zn-type="2"] body[data-slug="work"] .zn-tile-cat{ font-family:"warbler-text",sans-serif !important; } html[data-zn-type="2"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="2"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="2"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="2"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"warbler-text",sans-serif !important; } html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="2"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="2"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"warbler-display",sans-serif; --body-font-font-family:"warbler-text",sans-serif; --primary-button-font-font-family:"warbler-text",sans-serif; } html[data-zn-type="2"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="2"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="2"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="2"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"warbler-text",sans-serif !important; } html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="2"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"warbler-banner",sans-serif !important; font-weight:400 !important; font-variation-settings:normal !important; } @media (max-width:720px){ html[data-zn-type="2"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 53px) !important; } } @media (max-width:480px){ html[data-zn-type="2"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 42px) !important; } } @media (max-width:900px){ html[data-zn-type="2"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="2"] .v5-page .v5-facet-detail-title, html[data-zn-type="2"] .v5-page .v5-engagements-detail-name, html[data-zn-type="2"] .v5-page .v5-ai-half-title, html[data-zn-type="2"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="2"] .v5-page .v5-group-divider-title{ font-size:27px; } } @media (max-width:520px){ html[data-zn-type="2"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="2"] .v4-nav-brand .v4-nav-brand-text{ font-size:17px !important; } } /* TYPE 3 — BANNER (editorial / sharp serif) — kit cfs7khw — Newspaper front page: extra-compressed Miller headline over plain Miller Text. */ html[data-zn-type="3"]{ --display:"miller-banner-ex-compressed",sans-serif; --serif:"miller-text",serif; --sans:"miller-text",serif; --mono:"miller-banner-ex-compressed",sans-serif; --stencil:"miller-banner-ex-compressed",sans-serif; } html[data-zn-type="3"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"miller-banner-ex-compressed",sans-serif !important; font-weight:900 !important; font-size:83px !important; line-height:0.88 !important; letter-spacing:-0.01em !important; font-variation-settings:normal !important; } html[data-zn-type="3"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="3"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"miller-banner-ex-compressed",sans-serif !important; font-weight:900 !important; } html[data-zn-type="3"] .v4-word, html[data-zn-type="3"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="3"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="3"] .v4-nav-brand .v4-nav-brand-text{ font-family:"miller-banner",serif !important; font-weight:300 !important; font-size:20px !important; } html[data-zn-type="3"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"miller-banner-ex-compressed",sans-serif !important; font-weight:700 !important; } html[data-zn-type="3"] .v4-nav-link, html[data-zn-type="3"] .v4-nav-cta, html[data-zn-type="3"] .site-shell-footer-back{ font-weight:700; } html[data-zn-type="3"] .v5-page .v5-footer-mark-name{ font-family:"miller-banner",serif !important; font-weight:300 !important; } html[data-zn-type="3"] .v5-page .v5-practice-header-title, html[data-zn-type="3"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="3"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"miller-banner-ex-compressed",sans-serif !important; font-weight:900 !important; line-height:0.88 !important; letter-spacing:-0.01em !important; font-variation-settings:normal !important; } html[data-zn-type="3"] .v5-page .v5-through-title, html[data-zn-type="3"] .v5-page .v5-ai-title, html[data-zn-type="3"] .v5-page .v5-signals-title, html[data-zn-type="3"] .v5-page .v5-engagements-title, html[data-zn-type="3"] .v5-page .v5-facet-headline, html[data-zn-type="3"] .v5-page .v5-section-open-headline, html[data-zn-type="3"] .v5-page .v5-disciplines-headline, html[data-zn-type="3"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="3"] .v5-page .v5-teaser-title{ font-family:"miller-banner-condensed",sans-serif !important; font-weight:700 !important; letter-spacing:0em !important; font-variation-settings:normal !important; } html[data-zn-type="3"] .v5-page .v5-through-title .v4-word, html[data-zn-type="3"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="3"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="3"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="3"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="3"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="3"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="3"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="3"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="3"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="3"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="3"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="3"] .v5-page .v4-work-title .v4-word, html[data-zn-type="3"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="3"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="3"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"miller-banner-condensed",sans-serif !important; font-weight:700 !important; } html[data-zn-type="3"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="3"] .v5-page .v5-facet-detail-title, html[data-zn-type="3"] .v5-page .v5-engagements-detail-name, html[data-zn-type="3"] .v5-page .v5-ai-half-title, html[data-zn-type="3"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="3"] .v5-page .v5-group-divider-title{ font-family:"miller-banner-condensed",sans-serif; font-weight:700; font-size:38px; line-height:1.10; letter-spacing:0em; font-variation-settings:normal; } html[data-zn-type="3"] .v5-page .v5-hero-tag, html[data-zn-type="3"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="3"] .v5-page .v5-through-foot, html[data-zn-type="3"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="3"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="3"] .v5-page .v5-footer-spine-text, html[data-zn-type="3"] .site-shell-footer-spine{ font-family:"miller-banner",serif; font-weight:300; letter-spacing:0em; font-variation-settings:normal; } html[data-zn-type="3"] .v5-page .v5-facet-headline .emph{ font-family:"miller-banner",serif !important; font-weight:300 !important; font-variation-settings:normal !important; } html[data-zn-type="3"] .v5-page .v4-hero-foot-text, html[data-zn-type="3"] .v5-page .v5-through-lede, html[data-zn-type="3"] .v5-page .v5-ai-lede, html[data-zn-type="3"] .v5-page .v5-signals-lede, html[data-zn-type="3"] .v5-page .v5-facet-intro p, html[data-zn-type="3"] .v5-page .v5-section-open-copy, html[data-zn-type="3"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="3"] .v5-page .v5-teaser-lede p, html[data-zn-type="3"] .v5-page .v5-practice-header-lede p{ font-family:"miller-text",serif; line-height:1.62; } html[data-zn-type="3"] .v5-page .v4-hero-foot-label, html[data-zn-type="3"] .v5-page .v4-hero-meta-top, html[data-zn-type="3"] .v5-page .v5-through-eyebrow, html[data-zn-type="3"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="3"] .v5-page .v5-flywheel-meta, html[data-zn-type="3"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="3"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="3"] .v5-page .v5-facet-label-disc, html[data-zn-type="3"] .v5-page .v5-footer-col-label, html[data-zn-type="3"] .v5-page .v5-footer-spine-mark, html[data-zn-type="3"] .v5-page .v5-contact-direct-label, html[data-zn-type="3"] .v5-page .v5-contact-key{ font-weight:700; } html[data-zn-type="3"] .v5-page .v5-work-eyebrow span{ font-family:"miller-banner-ex-compressed",sans-serif !important; font-weight:700 !important; } html[data-zn-type="3"] .cursor-label{ font-family:"miller-banner-ex-compressed",sans-serif !important; font-weight:700 !important; letter-spacing:0.18em !important; } html[data-zn-type="3"] .v5-ai-marker text{ font-family:"miller-banner-ex-compressed",sans-serif; font-weight:700; } html[data-zn-type="3"] .v5-page .v5-footer-spine-meta, html[data-zn-type="3"] .v5-page .v5-footer-ribbon{ font-family:"miller-banner-ex-compressed",sans-serif; font-weight:300; letter-spacing:0.22em; } html[data-zn-type="3"] .site-shell-footer-meta{ font-family:"miller-banner-ex-compressed",sans-serif; font-weight:300; } html[data-zn-type="3"] .zn-work-intro-head, html[data-zn-type="3"] body[data-slug="work"] .zn-tile-name{ font-family:"miller-banner-condensed",sans-serif !important; font-weight:700 !important; letter-spacing:0em !important; } html[data-zn-type="3"] .zn-work-intro-lede{ font-family:"miller-text",serif !important; line-height:1.62 !important; } html[data-zn-type="3"] body[data-slug="work"] .zn-tile-cat{ font-family:"miller-text",serif !important; } html[data-zn-type="3"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="3"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="3"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="3"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"miller-text",serif !important; } html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="3"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="3"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"miller-banner-ex-compressed",sans-serif; --body-font-font-family:"miller-text",serif; --primary-button-font-font-family:"miller-banner-ex-compressed",sans-serif; } html[data-zn-type="3"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="3"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="3"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="3"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"miller-text",serif !important; } html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="3"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"miller-banner",serif !important; font-weight:300 !important; font-variation-settings:normal !important; } @media (max-width:720px){ html[data-zn-type="3"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 59px) !important; } } @media (max-width:480px){ html[data-zn-type="3"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 46px) !important; } } @media (max-width:900px){ html[data-zn-type="3"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="3"] .v5-page .v5-facet-detail-title, html[data-zn-type="3"] .v5-page .v5-engagements-detail-name, html[data-zn-type="3"] .v5-page .v5-ai-half-title, html[data-zn-type="3"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="3"] .v5-page .v5-group-divider-title{ font-size:28px; } } @media (max-width:520px){ html[data-zn-type="3"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="3"] .v4-nav-brand .v4-nav-brand-text{ font-size:17px !important; } } /* TYPE 4 — RAIL (brutal / grotesque) — kit dte8okd — Condensed ATF poster gothic up top, Nitti Grotesk doing all the work underneath. */ html[data-zn-type="4"]{ --display:"railroad-gothic-atf",sans-serif; --serif:"nitti-grotesk",sans-serif; --sans:"nitti-grotesk",sans-serif; --mono:"nitti-grotesk",sans-serif; --stencil:"railroad-gothic-atf",sans-serif; } html[data-zn-type="4"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"railroad-gothic-atf",sans-serif !important; font-weight:800 !important; font-size:83px !important; line-height:0.85 !important; letter-spacing:0.005em !important; text-transform:uppercase !important; font-variation-settings:normal !important; } html[data-zn-type="4"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="4"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"railroad-gothic-atf",sans-serif !important; font-weight:800 !important; } html[data-zn-type="4"] .v4-word, html[data-zn-type="4"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="4"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="4"] .v4-nav-brand .v4-nav-brand-text{ font-family:"railroad-gothic-atf",sans-serif !important; font-weight:400 !important; font-size:22px !important; } html[data-zn-type="4"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"nitti-grotesk",sans-serif !important; font-weight:500 !important; } html[data-zn-type="4"] .v4-nav-link, html[data-zn-type="4"] .v4-nav-cta, html[data-zn-type="4"] .site-shell-footer-back{ font-weight:500; } html[data-zn-type="4"] .v5-page .v5-footer-mark-name{ font-family:"railroad-gothic-atf",sans-serif !important; font-weight:400 !important; } html[data-zn-type="4"] .v5-page .v5-practice-header-title, html[data-zn-type="4"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="4"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"railroad-gothic-atf",sans-serif !important; font-weight:800 !important; line-height:0.85 !important; letter-spacing:0.005em !important; font-variation-settings:normal !important; } html[data-zn-type="4"] .v5-page .v5-through-title, html[data-zn-type="4"] .v5-page .v5-ai-title, html[data-zn-type="4"] .v5-page .v5-signals-title, html[data-zn-type="4"] .v5-page .v5-engagements-title, html[data-zn-type="4"] .v5-page .v5-facet-headline, html[data-zn-type="4"] .v5-page .v5-section-open-headline, html[data-zn-type="4"] .v5-page .v5-disciplines-headline, html[data-zn-type="4"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="4"] .v5-page .v5-teaser-title{ font-family:"railroad-gothic-atf",sans-serif !important; font-weight:700 !important; letter-spacing:0.01em !important; font-variation-settings:normal !important; } html[data-zn-type="4"] .v5-page .v5-through-title .v4-word, html[data-zn-type="4"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="4"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="4"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="4"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="4"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="4"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="4"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="4"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="4"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="4"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="4"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="4"] .v5-page .v4-work-title .v4-word, html[data-zn-type="4"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="4"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="4"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"railroad-gothic-atf",sans-serif !important; font-weight:700 !important; } html[data-zn-type="4"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="4"] .v5-page .v5-facet-detail-title, html[data-zn-type="4"] .v5-page .v5-engagements-detail-name, html[data-zn-type="4"] .v5-page .v5-ai-half-title, html[data-zn-type="4"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="4"] .v5-page .v5-group-divider-title{ font-family:"railroad-gothic-atf",sans-serif; font-weight:700; font-size:40px; line-height:1.05; letter-spacing:0.01em; font-variation-settings:normal; } html[data-zn-type="4"] .v5-page .v5-hero-tag, html[data-zn-type="4"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="4"] .v5-page .v5-through-foot, html[data-zn-type="4"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="4"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="4"] .v5-page .v5-footer-spine-text, html[data-zn-type="4"] .site-shell-footer-spine{ font-family:"nitti-grotesk-light",sans-serif; font-weight:300; letter-spacing:0em; font-variation-settings:normal; } html[data-zn-type="4"] .v5-page .v5-facet-headline .emph{ font-family:"nitti-grotesk-light",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } html[data-zn-type="4"] .v5-page .v4-hero-foot-text, html[data-zn-type="4"] .v5-page .v5-through-lede, html[data-zn-type="4"] .v5-page .v5-ai-lede, html[data-zn-type="4"] .v5-page .v5-signals-lede, html[data-zn-type="4"] .v5-page .v5-facet-intro p, html[data-zn-type="4"] .v5-page .v5-section-open-copy, html[data-zn-type="4"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="4"] .v5-page .v5-teaser-lede p, html[data-zn-type="4"] .v5-page .v5-practice-header-lede p{ font-family:"nitti-grotesk",sans-serif; line-height:1.65; } html[data-zn-type="4"] .v5-page .v4-hero-foot-label, html[data-zn-type="4"] .v5-page .v4-hero-meta-top, html[data-zn-type="4"] .v5-page .v5-through-eyebrow, html[data-zn-type="4"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="4"] .v5-page .v5-flywheel-meta, html[data-zn-type="4"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="4"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="4"] .v5-page .v5-facet-label-disc, html[data-zn-type="4"] .v5-page .v5-footer-col-label, html[data-zn-type="4"] .v5-page .v5-footer-spine-mark, html[data-zn-type="4"] .v5-page .v5-contact-direct-label, html[data-zn-type="4"] .v5-page .v5-contact-key{ font-weight:500; } html[data-zn-type="4"] .v5-page .v5-work-eyebrow span{ font-family:"nitti-grotesk",sans-serif !important; font-weight:500 !important; } html[data-zn-type="4"] .cursor-label{ font-family:"nitti-grotesk",sans-serif !important; font-weight:500 !important; letter-spacing:0.20em !important; } html[data-zn-type="4"] .v5-ai-marker text{ font-family:"nitti-grotesk",sans-serif; font-weight:500; } html[data-zn-type="4"] .v5-page .v5-footer-spine-meta, html[data-zn-type="4"] .v5-page .v5-footer-ribbon{ font-family:"nitti-grotesk-light",sans-serif; font-weight:100; letter-spacing:0.24em; } html[data-zn-type="4"] .site-shell-footer-meta{ font-family:"nitti-grotesk-light",sans-serif; font-weight:100; } html[data-zn-type="4"] .zn-work-intro-head, html[data-zn-type="4"] body[data-slug="work"] .zn-tile-name{ font-family:"railroad-gothic-atf",sans-serif !important; font-weight:700 !important; letter-spacing:0.01em !important; } html[data-zn-type="4"] .zn-work-intro-lede{ font-family:"nitti-grotesk",sans-serif !important; line-height:1.65 !important; } html[data-zn-type="4"] body[data-slug="work"] .zn-tile-cat{ font-family:"nitti-grotesk",sans-serif !important; } html[data-zn-type="4"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="4"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="4"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="4"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"nitti-grotesk",sans-serif !important; } html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="4"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="4"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"railroad-gothic-atf",sans-serif; --body-font-font-family:"nitti-grotesk",sans-serif; --primary-button-font-font-family:"nitti-grotesk",sans-serif; } html[data-zn-type="4"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="4"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="4"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="4"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"nitti-grotesk",sans-serif !important; } html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="4"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"nitti-grotesk-light",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } @media (max-width:720px){ html[data-zn-type="4"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 61px) !important; } } @media (max-width:480px){ html[data-zn-type="4"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 48px) !important; } } @media (max-width:900px){ html[data-zn-type="4"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="4"] .v5-page .v5-facet-detail-title, html[data-zn-type="4"] .v5-page .v5-engagements-detail-name, html[data-zn-type="4"] .v5-page .v5-ai-half-title, html[data-zn-type="4"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="4"] .v5-page .v5-group-divider-title{ font-size:29px; } } @media (max-width:520px){ html[data-zn-type="4"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="4"] .v4-nav-brand .v4-nav-brand-text{ font-size:18px !important; } } /* TYPE 5 — PLATE (technical / mono) — kit zsz4kdh — All machine type: proportional Array for display, Attribute Mono for the text. */ html[data-zn-type="5"]{ --display:"array-proportional",serif; --serif:"attribute-mono",sans-serif; --sans:"attribute-mono",sans-serif; --mono:"array-mono",serif; --stencil:"array-proportional",serif; } html[data-zn-type="5"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"array-proportional",serif !important; font-weight:900 !important; font-size:83px !important; line-height:0.92 !important; letter-spacing:-0.02em !important; font-variation-settings:normal !important; } html[data-zn-type="5"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="5"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"array-proportional",serif !important; font-weight:900 !important; } html[data-zn-type="5"] .v4-word, html[data-zn-type="5"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="5"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="5"] .v4-nav-brand .v4-nav-brand-text{ font-family:"array-proportional",serif !important; font-weight:400 !important; font-size:20px !important; } html[data-zn-type="5"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"array-mono",serif !important; font-weight:700 !important; } html[data-zn-type="5"] .v4-nav-link, html[data-zn-type="5"] .v4-nav-cta, html[data-zn-type="5"] .site-shell-footer-back{ font-weight:700; } html[data-zn-type="5"] .v5-page .v5-footer-mark-name{ font-family:"array-proportional",serif !important; font-weight:400 !important; } html[data-zn-type="5"] .v5-page .v5-practice-header-title, html[data-zn-type="5"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="5"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"array-proportional",serif !important; font-weight:900 !important; line-height:0.92 !important; letter-spacing:-0.02em !important; font-variation-settings:normal !important; } html[data-zn-type="5"] .v5-page .v5-through-title, html[data-zn-type="5"] .v5-page .v5-ai-title, html[data-zn-type="5"] .v5-page .v5-signals-title, html[data-zn-type="5"] .v5-page .v5-engagements-title, html[data-zn-type="5"] .v5-page .v5-facet-headline, html[data-zn-type="5"] .v5-page .v5-section-open-headline, html[data-zn-type="5"] .v5-page .v5-disciplines-headline, html[data-zn-type="5"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="5"] .v5-page .v5-teaser-title{ font-family:"array-proportional",serif !important; font-weight:700 !important; letter-spacing:-0.01em !important; font-variation-settings:normal !important; } html[data-zn-type="5"] .v5-page .v5-through-title .v4-word, html[data-zn-type="5"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="5"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="5"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="5"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="5"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="5"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="5"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="5"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="5"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="5"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="5"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="5"] .v5-page .v4-work-title .v4-word, html[data-zn-type="5"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="5"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="5"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"array-proportional",serif !important; font-weight:700 !important; } html[data-zn-type="5"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="5"] .v5-page .v5-facet-detail-title, html[data-zn-type="5"] .v5-page .v5-engagements-detail-name, html[data-zn-type="5"] .v5-page .v5-ai-half-title, html[data-zn-type="5"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="5"] .v5-page .v5-group-divider-title{ font-family:"array-proportional",serif; font-weight:700; font-size:34px; line-height:1.12; letter-spacing:-0.01em; font-variation-settings:normal; } html[data-zn-type="5"] .v5-page .v5-hero-tag, html[data-zn-type="5"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="5"] .v5-page .v5-through-foot, html[data-zn-type="5"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="5"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="5"] .v5-page .v5-footer-spine-text, html[data-zn-type="5"] .site-shell-footer-spine{ font-family:"attribute-mono",sans-serif; font-weight:300; letter-spacing:0em; font-variation-settings:normal; } html[data-zn-type="5"] .v5-page .v5-facet-headline .emph{ font-family:"attribute-mono",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } html[data-zn-type="5"] .v5-page .v4-hero-foot-text, html[data-zn-type="5"] .v5-page .v5-through-lede, html[data-zn-type="5"] .v5-page .v5-ai-lede, html[data-zn-type="5"] .v5-page .v5-signals-lede, html[data-zn-type="5"] .v5-page .v5-facet-intro p, html[data-zn-type="5"] .v5-page .v5-section-open-copy, html[data-zn-type="5"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="5"] .v5-page .v5-teaser-lede p, html[data-zn-type="5"] .v5-page .v5-practice-header-lede p{ font-family:"attribute-mono",sans-serif; line-height:1.72; } html[data-zn-type="5"] .v5-page .v4-hero-foot-label, html[data-zn-type="5"] .v5-page .v4-hero-meta-top, html[data-zn-type="5"] .v5-page .v5-through-eyebrow, html[data-zn-type="5"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="5"] .v5-page .v5-flywheel-meta, html[data-zn-type="5"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="5"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="5"] .v5-page .v5-facet-label-disc, html[data-zn-type="5"] .v5-page .v5-footer-col-label, html[data-zn-type="5"] .v5-page .v5-footer-spine-mark, html[data-zn-type="5"] .v5-page .v5-contact-direct-label, html[data-zn-type="5"] .v5-page .v5-contact-key{ font-weight:700; } html[data-zn-type="5"] .v5-page .v5-work-eyebrow span{ font-family:"array-mono",serif !important; font-weight:700 !important; } html[data-zn-type="5"] .cursor-label{ font-family:"array-mono",serif !important; font-weight:700 !important; letter-spacing:0.16em !important; } html[data-zn-type="5"] .v5-ai-marker text{ font-family:"array-mono",serif; font-weight:700; } html[data-zn-type="5"] .v5-page .v5-footer-spine-meta, html[data-zn-type="5"] .v5-page .v5-footer-ribbon{ font-family:"attribute-mono",sans-serif; font-weight:100; letter-spacing:0.22em; } html[data-zn-type="5"] .site-shell-footer-meta{ font-family:"attribute-mono",sans-serif; font-weight:100; } html[data-zn-type="5"] .zn-work-intro-head, html[data-zn-type="5"] body[data-slug="work"] .zn-tile-name{ font-family:"array-proportional",serif !important; font-weight:700 !important; letter-spacing:-0.01em !important; } html[data-zn-type="5"] .zn-work-intro-lede{ font-family:"attribute-mono",sans-serif !important; line-height:1.72 !important; } html[data-zn-type="5"] body[data-slug="work"] .zn-tile-cat{ font-family:"attribute-mono",sans-serif !important; } html[data-zn-type="5"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="5"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="5"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="5"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"attribute-mono",sans-serif !important; } html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="5"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="5"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"array-proportional",serif; --body-font-font-family:"attribute-mono",sans-serif; --primary-button-font-font-family:"array-mono",serif; } html[data-zn-type="5"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="5"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="5"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="5"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"attribute-mono",sans-serif !important; } html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="5"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"attribute-mono",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } @media (max-width:720px){ html[data-zn-type="5"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 53px) !important; } } @media (max-width:480px){ html[data-zn-type="5"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 42px) !important; } } @media (max-width:900px){ html[data-zn-type="5"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="5"] .v5-page .v5-facet-detail-title, html[data-zn-type="5"] .v5-page .v5-engagements-detail-name, html[data-zn-type="5"] .v5-page .v5-ai-half-title, html[data-zn-type="5"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="5"] .v5-page .v5-group-divider-title{ font-size:26px; } } @media (max-width:520px){ html[data-zn-type="5"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="5"] .v4-nav-brand .v4-nav-brand-text{ font-size:17px !important; } } /* TYPE 6 — RAFFINE (editorial / sharp serif + technical substrate) — kit zsi8fhk — High-contrast display serif over a geometric sans and its monospaced twin. */ html[data-zn-type="6"]{ --display:"cofo-raffine",sans-serif; --serif:"panel-sans",sans-serif; --sans:"panel-sans",sans-serif; --mono:"panel-sans-mono",sans-serif; --stencil:"cofo-raffine",sans-serif; } html[data-zn-type="6"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"cofo-raffine",sans-serif !important; font-weight:400 !important; font-size:83px !important; line-height:0.95 !important; letter-spacing:-0.01em !important; font-variation-settings:normal !important; } html[data-zn-type="6"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="6"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"cofo-raffine",sans-serif !important; font-weight:400 !important; } html[data-zn-type="6"] .v4-word, html[data-zn-type="6"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="6"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="6"] .v4-nav-brand .v4-nav-brand-text{ font-family:"cofo-raffine",sans-serif !important; font-weight:300 !important; font-size:22px !important; } html[data-zn-type="6"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"panel-sans-mono",sans-serif !important; font-weight:500 !important; } html[data-zn-type="6"] .v4-nav-link, html[data-zn-type="6"] .v4-nav-cta, html[data-zn-type="6"] .site-shell-footer-back{ font-weight:500; } html[data-zn-type="6"] .v5-page .v5-footer-mark-name{ font-family:"cofo-raffine",sans-serif !important; font-weight:300 !important; } html[data-zn-type="6"] .v5-page .v5-practice-header-title, html[data-zn-type="6"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="6"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"cofo-raffine",sans-serif !important; font-weight:400 !important; line-height:0.95 !important; letter-spacing:-0.01em !important; font-variation-settings:normal !important; } html[data-zn-type="6"] .v5-page .v5-through-title, html[data-zn-type="6"] .v5-page .v5-ai-title, html[data-zn-type="6"] .v5-page .v5-signals-title, html[data-zn-type="6"] .v5-page .v5-engagements-title, html[data-zn-type="6"] .v5-page .v5-facet-headline, html[data-zn-type="6"] .v5-page .v5-section-open-headline, html[data-zn-type="6"] .v5-page .v5-disciplines-headline, html[data-zn-type="6"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="6"] .v5-page .v5-teaser-title{ font-family:"cofo-raffine",sans-serif !important; font-weight:400 !important; letter-spacing:0em !important; font-variation-settings:normal !important; } html[data-zn-type="6"] .v5-page .v5-through-title .v4-word, html[data-zn-type="6"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="6"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="6"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="6"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="6"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="6"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="6"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="6"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="6"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="6"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="6"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="6"] .v5-page .v4-work-title .v4-word, html[data-zn-type="6"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="6"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="6"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"cofo-raffine",sans-serif !important; font-weight:400 !important; } html[data-zn-type="6"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="6"] .v5-page .v5-facet-detail-title, html[data-zn-type="6"] .v5-page .v5-engagements-detail-name, html[data-zn-type="6"] .v5-page .v5-ai-half-title, html[data-zn-type="6"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="6"] .v5-page .v5-group-divider-title{ font-family:"cofo-raffine",sans-serif; font-weight:400; font-size:34px; line-height:1.18; letter-spacing:0em; font-variation-settings:normal; } html[data-zn-type="6"] .v5-page .v5-hero-tag, html[data-zn-type="6"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="6"] .v5-page .v5-through-foot, html[data-zn-type="6"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="6"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="6"] .v5-page .v5-footer-spine-text, html[data-zn-type="6"] .site-shell-footer-spine{ font-family:"panel-sans",sans-serif; font-weight:300; letter-spacing:0em; font-variation-settings:normal; } html[data-zn-type="6"] .v5-page .v5-facet-headline .emph{ font-family:"panel-sans",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } html[data-zn-type="6"] .v5-page .v4-hero-foot-text, html[data-zn-type="6"] .v5-page .v5-through-lede, html[data-zn-type="6"] .v5-page .v5-ai-lede, html[data-zn-type="6"] .v5-page .v5-signals-lede, html[data-zn-type="6"] .v5-page .v5-facet-intro p, html[data-zn-type="6"] .v5-page .v5-section-open-copy, html[data-zn-type="6"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="6"] .v5-page .v5-teaser-lede p, html[data-zn-type="6"] .v5-page .v5-practice-header-lede p{ font-family:"panel-sans",sans-serif; line-height:1.62; } html[data-zn-type="6"] .v5-page .v4-hero-foot-label, html[data-zn-type="6"] .v5-page .v4-hero-meta-top, html[data-zn-type="6"] .v5-page .v5-through-eyebrow, html[data-zn-type="6"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="6"] .v5-page .v5-flywheel-meta, html[data-zn-type="6"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="6"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="6"] .v5-page .v5-facet-label-disc, html[data-zn-type="6"] .v5-page .v5-footer-col-label, html[data-zn-type="6"] .v5-page .v5-footer-spine-mark, html[data-zn-type="6"] .v5-page .v5-contact-direct-label, html[data-zn-type="6"] .v5-page .v5-contact-key{ font-weight:500; } html[data-zn-type="6"] .v5-page .v5-work-eyebrow span{ font-family:"panel-sans-mono",sans-serif !important; font-weight:500 !important; } html[data-zn-type="6"] .cursor-label{ font-family:"panel-sans-mono",sans-serif !important; font-weight:500 !important; letter-spacing:0.18em !important; } html[data-zn-type="6"] .v5-ai-marker text{ font-family:"panel-sans-mono",sans-serif; font-weight:500; } html[data-zn-type="6"] .v5-page .v5-footer-spine-meta, html[data-zn-type="6"] .v5-page .v5-footer-ribbon{ font-family:"panel-sans-mono",sans-serif; font-weight:300; letter-spacing:0.22em; } html[data-zn-type="6"] .site-shell-footer-meta{ font-family:"panel-sans-mono",sans-serif; font-weight:300; } html[data-zn-type="6"] .zn-work-intro-head, html[data-zn-type="6"] body[data-slug="work"] .zn-tile-name{ font-family:"cofo-raffine",sans-serif !important; font-weight:400 !important; letter-spacing:0em !important; } html[data-zn-type="6"] .zn-work-intro-lede{ font-family:"panel-sans",sans-serif !important; line-height:1.62 !important; } html[data-zn-type="6"] body[data-slug="work"] .zn-tile-cat{ font-family:"panel-sans",sans-serif !important; } html[data-zn-type="6"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="6"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="6"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="6"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"panel-sans",sans-serif !important; } html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="6"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="6"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"cofo-raffine",sans-serif; --body-font-font-family:"panel-sans",sans-serif; --primary-button-font-font-family:"panel-sans-mono",sans-serif; } html[data-zn-type="6"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="6"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="6"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="6"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"panel-sans",sans-serif !important; } html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="6"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"panel-sans",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } @media (max-width:720px){ html[data-zn-type="6"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 56px) !important; } } @media (max-width:480px){ html[data-zn-type="6"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 44px) !important; } } @media (max-width:900px){ html[data-zn-type="6"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="6"] .v5-page .v5-facet-detail-title, html[data-zn-type="6"] .v5-page .v5-engagements-detail-name, html[data-zn-type="6"] .v5-page .v5-ai-half-title, html[data-zn-type="6"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="6"] .v5-page .v5-group-divider-title{ font-size:26px; } } @media (max-width:520px){ html[data-zn-type="6"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="6"] .v4-nav-brand .v4-nav-brand-text{ font-size:18px !important; } } /* TYPE 7 — BROADSHEET (editorial / sharp serif + mono) — kit rxa4viu — Fat compressed Scotch headline over wide Gemeli Mono body - front page, then footnote. */ html[data-zn-type="7"]{ --display:"scotch-display-compressed",sans-serif; --serif:"scotch-display",sans-serif; --sans:"gemeli-mono",serif; --mono:"gemeli-mono",serif; --stencil:"scotch-display-compressed",sans-serif; } html[data-zn-type="7"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"scotch-display-compressed",sans-serif !important; font-weight:900 !important; font-size:83px !important; line-height:0.86 !important; letter-spacing:-0.005em !important; font-variation-settings:normal !important; } html[data-zn-type="7"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="7"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"scotch-display-compressed",sans-serif !important; font-weight:900 !important; } html[data-zn-type="7"] .v4-word, html[data-zn-type="7"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="7"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="7"] .v4-nav-brand .v4-nav-brand-text{ font-family:"scotch-display",sans-serif !important; font-weight:300 !important; font-size:20px !important; } html[data-zn-type="7"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"scotch-display-condensed",sans-serif !important; font-weight:700 !important; } html[data-zn-type="7"] .v4-nav-link, html[data-zn-type="7"] .v4-nav-cta, html[data-zn-type="7"] .site-shell-footer-back{ font-weight:700; } html[data-zn-type="7"] .v5-page .v5-footer-mark-name{ font-family:"scotch-display",sans-serif !important; font-weight:300 !important; } html[data-zn-type="7"] .v5-page .v5-practice-header-title, html[data-zn-type="7"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="7"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"scotch-display-compressed",sans-serif !important; font-weight:900 !important; line-height:0.86 !important; letter-spacing:-0.005em !important; font-variation-settings:normal !important; } html[data-zn-type="7"] .v5-page .v5-through-title, html[data-zn-type="7"] .v5-page .v5-ai-title, html[data-zn-type="7"] .v5-page .v5-signals-title, html[data-zn-type="7"] .v5-page .v5-engagements-title, html[data-zn-type="7"] .v5-page .v5-facet-headline, html[data-zn-type="7"] .v5-page .v5-section-open-headline, html[data-zn-type="7"] .v5-page .v5-disciplines-headline, html[data-zn-type="7"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="7"] .v5-page .v5-teaser-title{ font-family:"scotch-display-condensed",sans-serif !important; font-weight:700 !important; letter-spacing:0em !important; font-variation-settings:normal !important; } html[data-zn-type="7"] .v5-page .v5-through-title .v4-word, html[data-zn-type="7"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="7"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="7"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="7"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="7"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="7"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="7"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="7"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="7"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="7"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="7"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="7"] .v5-page .v4-work-title .v4-word, html[data-zn-type="7"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="7"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="7"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"scotch-display-condensed",sans-serif !important; font-weight:700 !important; } html[data-zn-type="7"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="7"] .v5-page .v5-facet-detail-title, html[data-zn-type="7"] .v5-page .v5-engagements-detail-name, html[data-zn-type="7"] .v5-page .v5-ai-half-title, html[data-zn-type="7"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="7"] .v5-page .v5-group-divider-title{ font-family:"scotch-display-condensed",sans-serif; font-weight:700; font-size:38px; line-height:1.12; letter-spacing:0em; font-variation-settings:normal; } html[data-zn-type="7"] .v5-page .v5-hero-tag, html[data-zn-type="7"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="7"] .v5-page .v5-through-foot, html[data-zn-type="7"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="7"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="7"] .v5-page .v5-footer-spine-text, html[data-zn-type="7"] .site-shell-footer-spine{ font-family:"scotch-display",sans-serif; font-weight:300; letter-spacing:0em; font-variation-settings:normal; } html[data-zn-type="7"] .v5-page .v5-facet-headline .emph{ font-family:"scotch-display",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } html[data-zn-type="7"] .v5-page .v4-hero-foot-text, html[data-zn-type="7"] .v5-page .v5-through-lede, html[data-zn-type="7"] .v5-page .v5-ai-lede, html[data-zn-type="7"] .v5-page .v5-signals-lede, html[data-zn-type="7"] .v5-page .v5-facet-intro p, html[data-zn-type="7"] .v5-page .v5-section-open-copy, html[data-zn-type="7"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="7"] .v5-page .v5-teaser-lede p, html[data-zn-type="7"] .v5-page .v5-practice-header-lede p{ font-family:"gemeli-mono",serif; line-height:1.72; } html[data-zn-type="7"] .v5-page .v4-hero-foot-label, html[data-zn-type="7"] .v5-page .v4-hero-meta-top, html[data-zn-type="7"] .v5-page .v5-through-eyebrow, html[data-zn-type="7"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="7"] .v5-page .v5-flywheel-meta, html[data-zn-type="7"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="7"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="7"] .v5-page .v5-facet-label-disc, html[data-zn-type="7"] .v5-page .v5-footer-col-label, html[data-zn-type="7"] .v5-page .v5-footer-spine-mark, html[data-zn-type="7"] .v5-page .v5-contact-direct-label, html[data-zn-type="7"] .v5-page .v5-contact-key{ font-weight:700; } html[data-zn-type="7"] .v5-page .v5-work-eyebrow span{ font-family:"scotch-display-condensed",sans-serif !important; font-weight:700 !important; } html[data-zn-type="7"] .cursor-label{ font-family:"scotch-display-condensed",sans-serif !important; font-weight:700 !important; letter-spacing:0.16em !important; } html[data-zn-type="7"] .v5-ai-marker text{ font-family:"scotch-display-condensed",sans-serif; font-weight:700; } html[data-zn-type="7"] .v5-page .v5-footer-spine-meta, html[data-zn-type="7"] .v5-page .v5-footer-ribbon{ font-family:"gemeli-mono",serif; font-weight:300; letter-spacing:0.20em; } html[data-zn-type="7"] .site-shell-footer-meta{ font-family:"gemeli-mono",serif; font-weight:300; } html[data-zn-type="7"] .zn-work-intro-head, html[data-zn-type="7"] body[data-slug="work"] .zn-tile-name{ font-family:"scotch-display-condensed",sans-serif !important; font-weight:700 !important; letter-spacing:0em !important; } html[data-zn-type="7"] .zn-work-intro-lede{ font-family:"gemeli-mono",serif !important; line-height:1.72 !important; } html[data-zn-type="7"] body[data-slug="work"] .zn-tile-cat{ font-family:"gemeli-mono",serif !important; } html[data-zn-type="7"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="7"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="7"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="7"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"gemeli-mono",serif !important; } html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="7"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="7"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"scotch-display-compressed",sans-serif; --body-font-font-family:"gemeli-mono",serif; --primary-button-font-font-family:"scotch-display-condensed",sans-serif; } html[data-zn-type="7"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="7"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="7"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="7"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"gemeli-mono",serif !important; } html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="7"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"scotch-display",sans-serif !important; font-weight:300 !important; font-variation-settings:normal !important; } @media (max-width:720px){ html[data-zn-type="7"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 61px) !important; } } @media (max-width:480px){ html[data-zn-type="7"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 48px) !important; } } @media (max-width:900px){ html[data-zn-type="7"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="7"] .v5-page .v5-facet-detail-title, html[data-zn-type="7"] .v5-page .v5-engagements-detail-name, html[data-zn-type="7"] .v5-page .v5-ai-half-title, html[data-zn-type="7"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="7"] .v5-page .v5-group-divider-title{ font-size:28px; } } @media (max-width:520px){ html[data-zn-type="7"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="7"] .v4-nav-brand .v4-nav-brand-text{ font-size:17px !important; } } /* TYPE 8 — INKTRAP (expressive / engineered grotesque) — kit egy3ibw — One notched sans at two widths: extended for the headline, normal for the text. */ html[data-zn-type="8"]{ --display:"area-inktrap-extended",sans-serif; --serif:"area-inktrap",sans-serif; --sans:"area-inktrap",sans-serif; --mono:"area-inktrap-extended",sans-serif; --stencil:"area-inktrap-extended",sans-serif; } html[data-zn-type="8"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"area-inktrap-extended",sans-serif !important; font-weight:900 !important; font-size:64px !important; line-height:0.92 !important; letter-spacing:-0.025em !important; font-variation-settings:normal !important; } html[data-zn-type="8"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="8"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"area-inktrap-extended",sans-serif !important; font-weight:900 !important; } html[data-zn-type="8"] .v4-word, html[data-zn-type="8"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="8"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="8"] .v4-nav-brand .v4-nav-brand-text{ font-family:"area-inktrap",sans-serif !important; font-weight:200 !important; font-size:19px !important; } html[data-zn-type="8"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"area-inktrap-extended",sans-serif !important; font-weight:500 !important; } html[data-zn-type="8"] .v4-nav-link, html[data-zn-type="8"] .v4-nav-cta, html[data-zn-type="8"] .site-shell-footer-back{ font-weight:500; } html[data-zn-type="8"] .v5-page .v5-footer-mark-name{ font-family:"area-inktrap",sans-serif !important; font-weight:200 !important; } html[data-zn-type="8"] .v5-page .v5-practice-header-title, html[data-zn-type="8"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="8"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"area-inktrap-extended",sans-serif !important; font-weight:900 !important; line-height:0.92 !important; letter-spacing:-0.025em !important; font-variation-settings:normal !important; } html[data-zn-type="8"] .v5-page .v5-through-title, html[data-zn-type="8"] .v5-page .v5-ai-title, html[data-zn-type="8"] .v5-page .v5-signals-title, html[data-zn-type="8"] .v5-page .v5-engagements-title, html[data-zn-type="8"] .v5-page .v5-facet-headline, html[data-zn-type="8"] .v5-page .v5-section-open-headline, html[data-zn-type="8"] .v5-page .v5-disciplines-headline, html[data-zn-type="8"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="8"] .v5-page .v5-teaser-title{ font-family:"area-inktrap",sans-serif !important; font-weight:700 !important; letter-spacing:-0.01em !important; font-variation-settings:normal !important; } html[data-zn-type="8"] .v5-page .v5-through-title .v4-word, html[data-zn-type="8"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="8"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="8"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="8"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="8"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="8"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="8"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="8"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="8"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="8"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="8"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="8"] .v5-page .v4-work-title .v4-word, html[data-zn-type="8"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="8"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="8"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"area-inktrap",sans-serif !important; font-weight:700 !important; } html[data-zn-type="8"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="8"] .v5-page .v5-facet-detail-title, html[data-zn-type="8"] .v5-page .v5-engagements-detail-name, html[data-zn-type="8"] .v5-page .v5-ai-half-title, html[data-zn-type="8"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="8"] .v5-page .v5-group-divider-title{ font-family:"area-inktrap",sans-serif; font-weight:700; font-size:34px; line-height:1.12; letter-spacing:-0.01em; font-variation-settings:normal; } html[data-zn-type="8"] .v5-page .v5-hero-tag, html[data-zn-type="8"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="8"] .v5-page .v5-through-foot, html[data-zn-type="8"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="8"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="8"] .v5-page .v5-footer-spine-text, html[data-zn-type="8"] .site-shell-footer-spine{ font-family:"area-inktrap",sans-serif; font-weight:200; letter-spacing:-0.005em; font-variation-settings:normal; } html[data-zn-type="8"] .v5-page .v5-facet-headline .emph{ font-family:"area-inktrap",sans-serif !important; font-weight:200 !important; font-variation-settings:normal !important; } html[data-zn-type="8"] .v5-page .v4-hero-foot-text, html[data-zn-type="8"] .v5-page .v5-through-lede, html[data-zn-type="8"] .v5-page .v5-ai-lede, html[data-zn-type="8"] .v5-page .v5-signals-lede, html[data-zn-type="8"] .v5-page .v5-facet-intro p, html[data-zn-type="8"] .v5-page .v5-section-open-copy, html[data-zn-type="8"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="8"] .v5-page .v5-teaser-lede p, html[data-zn-type="8"] .v5-page .v5-practice-header-lede p{ font-family:"area-inktrap",sans-serif; line-height:1.65; } html[data-zn-type="8"] .v5-page .v4-hero-foot-label, html[data-zn-type="8"] .v5-page .v4-hero-meta-top, html[data-zn-type="8"] .v5-page .v5-through-eyebrow, html[data-zn-type="8"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="8"] .v5-page .v5-flywheel-meta, html[data-zn-type="8"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="8"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="8"] .v5-page .v5-facet-label-disc, html[data-zn-type="8"] .v5-page .v5-footer-col-label, html[data-zn-type="8"] .v5-page .v5-footer-spine-mark, html[data-zn-type="8"] .v5-page .v5-contact-direct-label, html[data-zn-type="8"] .v5-page .v5-contact-key{ font-weight:500; } html[data-zn-type="8"] .v5-page .v5-work-eyebrow span{ font-family:"area-inktrap-extended",sans-serif !important; font-weight:500 !important; } html[data-zn-type="8"] .cursor-label{ font-family:"area-inktrap-extended",sans-serif !important; font-weight:500 !important; letter-spacing:0.18em !important; } html[data-zn-type="8"] .v5-ai-marker text{ font-family:"area-inktrap-extended",sans-serif; font-weight:500; } html[data-zn-type="8"] .v5-page .v5-footer-spine-meta, html[data-zn-type="8"] .v5-page .v5-footer-ribbon{ font-family:"area-inktrap",sans-serif; font-weight:100; letter-spacing:0.24em; } html[data-zn-type="8"] .site-shell-footer-meta{ font-family:"area-inktrap",sans-serif; font-weight:100; } html[data-zn-type="8"] .zn-work-intro-head, html[data-zn-type="8"] body[data-slug="work"] .zn-tile-name{ font-family:"area-inktrap",sans-serif !important; font-weight:700 !important; letter-spacing:-0.01em !important; } html[data-zn-type="8"] .zn-work-intro-lede{ font-family:"area-inktrap",sans-serif !important; line-height:1.65 !important; } html[data-zn-type="8"] body[data-slug="work"] .zn-tile-cat{ font-family:"area-inktrap",sans-serif !important; } html[data-zn-type="8"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="8"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="8"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="8"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"area-inktrap",sans-serif !important; } html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="8"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="8"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"area-inktrap-extended",sans-serif; --body-font-font-family:"area-inktrap",sans-serif; --primary-button-font-font-family:"area-inktrap-extended",sans-serif; } html[data-zn-type="8"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="8"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="8"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="8"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"area-inktrap",sans-serif !important; } html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="8"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"area-inktrap",sans-serif !important; font-weight:200 !important; font-variation-settings:normal !important; } @media (max-width:720px){ html[data-zn-type="8"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 50px) !important; } } @media (max-width:480px){ html[data-zn-type="8"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 38px) !important; } } @media (max-width:900px){ html[data-zn-type="8"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="8"] .v5-page .v5-facet-detail-title, html[data-zn-type="8"] .v5-page .v5-engagements-detail-name, html[data-zn-type="8"] .v5-page .v5-ai-half-title, html[data-zn-type="8"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="8"] .v5-page .v5-group-divider-title{ font-size:26px; } } @media (max-width:520px){ html[data-zn-type="8"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="8"] .v4-nav-brand .v4-nav-brand-text{ font-size:16px !important; } } /* TYPE 9 — SWEAR (display serif + width-as-hierarchy grotesque) — kit xmq6poo — Swear Display for the hero, Roc Grotesk in three widths for everything else. */ html[data-zn-type="9"]{ --display:"swear-display",serif; --serif:"swear-display",serif; --sans:"roc-grotesk",sans-serif; --mono:"roc-grotesk-extrawide",sans-serif; --stencil:"roc-grotesk-condensed",sans-serif; } html[data-zn-type="9"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"swear-display",serif !important; font-weight:800 !important; font-size:83px !important; line-height:0.92 !important; letter-spacing:-0.02em !important; font-variation-settings:normal !important; } html[data-zn-type="9"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="9"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"swear-display",serif !important; font-weight:800 !important; } html[data-zn-type="9"] .v4-word, html[data-zn-type="9"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="9"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="9"] .v4-nav-brand .v4-nav-brand-text{ font-family:"swear-display",serif !important; font-weight:300 !important; font-size:21px !important; } html[data-zn-type="9"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"roc-grotesk-extrawide",sans-serif !important; font-weight:500 !important; } html[data-zn-type="9"] .v4-nav-link, html[data-zn-type="9"] .v4-nav-cta, html[data-zn-type="9"] .site-shell-footer-back{ font-weight:500; } html[data-zn-type="9"] .v5-page .v5-footer-mark-name{ font-family:"swear-display",serif !important; font-weight:300 !important; } html[data-zn-type="9"] .v5-page .v5-practice-header-title, html[data-zn-type="9"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="9"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"swear-display",serif !important; font-weight:800 !important; line-height:0.92 !important; letter-spacing:-0.02em !important; font-variation-settings:normal !important; } html[data-zn-type="9"] .v5-page .v5-through-title, html[data-zn-type="9"] .v5-page .v5-ai-title, html[data-zn-type="9"] .v5-page .v5-signals-title, html[data-zn-type="9"] .v5-page .v5-engagements-title, html[data-zn-type="9"] .v5-page .v5-facet-headline, html[data-zn-type="9"] .v5-page .v5-section-open-headline, html[data-zn-type="9"] .v5-page .v5-disciplines-headline, html[data-zn-type="9"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="9"] .v5-page .v5-teaser-title{ font-family:"roc-grotesk",sans-serif !important; font-weight:700 !important; letter-spacing:-0.01em !important; font-variation-settings:normal !important; } html[data-zn-type="9"] .v5-page .v5-through-title .v4-word, html[data-zn-type="9"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="9"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="9"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="9"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="9"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="9"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="9"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="9"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="9"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="9"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="9"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="9"] .v5-page .v4-work-title .v4-word, html[data-zn-type="9"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="9"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="9"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"roc-grotesk",sans-serif !important; font-weight:700 !important; } html[data-zn-type="9"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="9"] .v5-page .v5-facet-detail-title, html[data-zn-type="9"] .v5-page .v5-engagements-detail-name, html[data-zn-type="9"] .v5-page .v5-ai-half-title, html[data-zn-type="9"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="9"] .v5-page .v5-group-divider-title{ font-family:"roc-grotesk",sans-serif; font-weight:700; font-size:34px; line-height:1.14; letter-spacing:-0.01em; font-variation-settings:normal; } html[data-zn-type="9"] .v5-page .v5-hero-tag, html[data-zn-type="9"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="9"] .v5-page .v5-through-foot, html[data-zn-type="9"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="9"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="9"] .v5-page .v5-footer-spine-text, html[data-zn-type="9"] .site-shell-footer-spine{ font-family:"swear-display-cilati",sans-serif; font-weight:500; letter-spacing:0em; font-style:normal !important; font-variation-settings:normal; } html[data-zn-type="9"] .v5-page .v5-facet-headline .emph{ font-family:"swear-display-cilati",sans-serif !important; font-weight:500 !important; font-style:normal !important; font-variation-settings:normal !important; } html[data-zn-type="9"] .v5-page .v4-hero-foot-text, html[data-zn-type="9"] .v5-page .v5-through-lede, html[data-zn-type="9"] .v5-page .v5-ai-lede, html[data-zn-type="9"] .v5-page .v5-signals-lede, html[data-zn-type="9"] .v5-page .v5-facet-intro p, html[data-zn-type="9"] .v5-page .v5-section-open-copy, html[data-zn-type="9"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="9"] .v5-page .v5-teaser-lede p, html[data-zn-type="9"] .v5-page .v5-practice-header-lede p{ font-family:"roc-grotesk",sans-serif; line-height:1.62; } html[data-zn-type="9"] .v5-page .v4-hero-foot-label, html[data-zn-type="9"] .v5-page .v4-hero-meta-top, html[data-zn-type="9"] .v5-page .v5-through-eyebrow, html[data-zn-type="9"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="9"] .v5-page .v5-flywheel-meta, html[data-zn-type="9"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="9"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="9"] .v5-page .v5-facet-label-disc, html[data-zn-type="9"] .v5-page .v5-footer-col-label, html[data-zn-type="9"] .v5-page .v5-footer-spine-mark, html[data-zn-type="9"] .v5-page .v5-contact-direct-label, html[data-zn-type="9"] .v5-page .v5-contact-key{ font-weight:500; } html[data-zn-type="9"] .v5-page .v5-work-eyebrow span{ font-family:"roc-grotesk-extrawide",sans-serif !important; font-weight:500 !important; } html[data-zn-type="9"] .cursor-label{ font-family:"roc-grotesk-extrawide",sans-serif !important; font-weight:500 !important; letter-spacing:0.14em !important; } html[data-zn-type="9"] .v5-ai-marker text{ font-family:"roc-grotesk-extrawide",sans-serif; font-weight:500; } html[data-zn-type="9"] .v5-page .v5-footer-spine-meta, html[data-zn-type="9"] .v5-page .v5-footer-ribbon{ font-family:"roc-grotesk",sans-serif; font-weight:200; letter-spacing:0.22em; } html[data-zn-type="9"] .site-shell-footer-meta{ font-family:"roc-grotesk",sans-serif; font-weight:200; } html[data-zn-type="9"] .zn-work-intro-head, html[data-zn-type="9"] body[data-slug="work"] .zn-tile-name{ font-family:"roc-grotesk",sans-serif !important; font-weight:700 !important; letter-spacing:-0.01em !important; } html[data-zn-type="9"] .zn-work-intro-lede{ font-family:"roc-grotesk",sans-serif !important; line-height:1.62 !important; } html[data-zn-type="9"] body[data-slug="work"] .zn-tile-cat{ font-family:"roc-grotesk",sans-serif !important; } html[data-zn-type="9"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="9"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="9"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="9"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"roc-grotesk",sans-serif !important; } html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="9"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="9"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"swear-display",serif; --body-font-font-family:"roc-grotesk",sans-serif; --primary-button-font-font-family:"roc-grotesk-extrawide",sans-serif; } html[data-zn-type="9"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="9"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="9"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="9"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"roc-grotesk",sans-serif !important; } html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"swear-display-cilati",sans-serif !important; font-weight:500 !important; font-style:normal !important; font-variation-settings:normal !important; } /* faux-oblique guard: --mono, --sans, --stencil ship no italic face — font-style:normal on 2 site italic selectors */ html[data-zn-type="9"]:not([data-zn-type="0"]) .v4-case-role, html[data-zn-type="9"]:not([data-zn-type="0"]) .v5-recent-meta-role{ font-style:normal !important; } @media (max-width:720px){ html[data-zn-type="9"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 53px) !important; } } @media (max-width:480px){ html[data-zn-type="9"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 42px) !important; } } @media (max-width:900px){ html[data-zn-type="9"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="9"] .v5-page .v5-facet-detail-title, html[data-zn-type="9"] .v5-page .v5-engagements-detail-name, html[data-zn-type="9"] .v5-page .v5-ai-half-title, html[data-zn-type="9"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="9"] .v5-page .v5-group-divider-title{ font-size:26px; } } @media (max-width:520px){ html[data-zn-type="9"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="9"] .v4-nav-brand .v4-nav-brand-text{ font-size:17px !important; } } /* TYPE 10 — MOSTRO (expressive / weird) — kit lxe4ipm — Two-layer fixed-pitch headline, solid under inline, over Normalidad in three widths. */ html[data-zn-type="10"]{ --display:"nitti-mostro-solid",sans-serif; --display-overlay:"nitti-mostro-inline",sans-serif; --serif:"normalidad-text",sans-serif; --sans:"normalidad-text",sans-serif; --mono:"normalidad-compact",sans-serif; --stencil:"normalidad-compact",sans-serif; } html[data-zn-type="10"] .v5-page .v4-hero-headline.v5-hero-headline{ font-family:"nitti-mostro-solid",sans-serif !important; font-weight:900 !important; font-size:83px !important; line-height:0.95 !important; letter-spacing:0em !important; text-transform:uppercase !important; font-variation-settings:normal !important; } html[data-zn-type="10"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word, html[data-zn-type="10"] .v5-page .v4-hero-headline.v5-hero-headline .v4-word > span{ font-family:"nitti-mostro-solid",sans-serif !important; font-weight:900 !important; } html[data-zn-type="10"] .v4-word, html[data-zn-type="10"] .v4-word > span{ font-family:inherit !important; font-weight:inherit !important; } html[data-zn-type="10"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="10"] .v4-nav-brand .v4-nav-brand-text{ font-family:"normalidad-ultraextended",sans-serif !important; font-weight:300 !important; font-size:16px !important; } html[data-zn-type="10"] .v4-nav-brand .v4-nav-brand-sub{ font-family:"normalidad-compact",sans-serif !important; font-weight:900 !important; } html[data-zn-type="10"] .v4-nav-link, html[data-zn-type="10"] .v4-nav-cta, html[data-zn-type="10"] .site-shell-footer-back{ font-weight:900; } html[data-zn-type="10"] .v5-page .v5-footer-mark-name{ font-family:"normalidad-ultraextended",sans-serif !important; font-weight:300 !important; } html[data-zn-type="10"] .v5-page .v5-practice-header-title, html[data-zn-type="10"] .v5-page .v5-practice-header-title .v4-word, html[data-zn-type="10"] .v5-page .v5-practice-header-title .v4-word > span{ font-family:"nitti-mostro-solid",sans-serif !important; font-weight:900 !important; line-height:0.95 !important; letter-spacing:0em !important; font-variation-settings:normal !important; } html[data-zn-type="10"] .v5-page .v5-through-title, html[data-zn-type="10"] .v5-page .v5-ai-title, html[data-zn-type="10"] .v5-page .v5-signals-title, html[data-zn-type="10"] .v5-page .v5-engagements-title, html[data-zn-type="10"] .v5-page .v5-facet-headline, html[data-zn-type="10"] .v5-page .v5-section-open-headline, html[data-zn-type="10"] .v5-page .v5-disciplines-headline, html[data-zn-type="10"] .v5-page .v4-work-title.v5-work-title, html[data-zn-type="10"] .v5-page .v5-teaser-title{ font-family:"normalidad-ultraextended",sans-serif !important; font-weight:700 !important; letter-spacing:0em !important; font-variation-settings:normal !important; } html[data-zn-type="10"] .v5-page .v5-through-title .v4-word, html[data-zn-type="10"] .v5-page .v5-through-title .v4-word > span, html[data-zn-type="10"] .v5-page .v5-ai-title .v4-word, html[data-zn-type="10"] .v5-page .v5-ai-title .v4-word > span, html[data-zn-type="10"] .v5-page .v5-signals-title .v4-word, html[data-zn-type="10"] .v5-page .v5-signals-title .v4-word > span, html[data-zn-type="10"] .v5-page .v5-engagements-title .v4-word, html[data-zn-type="10"] .v5-page .v5-engagements-title .v4-word > span, html[data-zn-type="10"] .v5-page .v5-facet-headline .v4-word, html[data-zn-type="10"] .v5-page .v5-facet-headline .v4-word > span, html[data-zn-type="10"] .v5-page .v5-section-open-headline .v4-word, html[data-zn-type="10"] .v5-page .v5-section-open-headline .v4-word > span, html[data-zn-type="10"] .v5-page .v4-work-title .v4-word, html[data-zn-type="10"] .v5-page .v4-work-title .v4-word > span, html[data-zn-type="10"] .v5-page .v5-teaser-title .v4-word, html[data-zn-type="10"] .v5-page .v5-teaser-title .v4-word > span{ font-family:"normalidad-ultraextended",sans-serif !important; font-weight:700 !important; } html[data-zn-type="10"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="10"] .v5-page .v5-facet-detail-title, html[data-zn-type="10"] .v5-page .v5-engagements-detail-name, html[data-zn-type="10"] .v5-page .v5-ai-half-title, html[data-zn-type="10"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="10"] .v5-page .v5-group-divider-title{ font-family:"normalidad-ultraextended",sans-serif; font-weight:700; font-size:30px; line-height:1.15; letter-spacing:0em; font-variation-settings:normal; } html[data-zn-type="10"] .v5-page .v5-hero-tag, html[data-zn-type="10"] .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="10"] .v5-page .v5-through-foot, html[data-zn-type="10"] .v5-page .v5-facet-detail-tagline, html[data-zn-type="10"] .v5-page .v5-flywheel-detail-tagline, html[data-zn-type="10"] .v5-page .v5-footer-spine-text, html[data-zn-type="10"] .site-shell-footer-spine{ font-family:"normalidad-text",sans-serif; font-weight:300; letter-spacing:0em; font-style:normal !important; font-variation-settings:normal; } html[data-zn-type="10"] .v5-page .v5-facet-headline .emph{ font-family:"normalidad-text",sans-serif !important; font-weight:300 !important; font-style:normal !important; font-variation-settings:normal !important; } html[data-zn-type="10"] .v5-page .v4-hero-foot-text, html[data-zn-type="10"] .v5-page .v5-through-lede, html[data-zn-type="10"] .v5-page .v5-ai-lede, html[data-zn-type="10"] .v5-page .v5-signals-lede, html[data-zn-type="10"] .v5-page .v5-facet-intro p, html[data-zn-type="10"] .v5-page .v5-section-open-copy, html[data-zn-type="10"] .v5-page .v4-work-intro.v5-work-intro, html[data-zn-type="10"] .v5-page .v5-teaser-lede p, html[data-zn-type="10"] .v5-page .v5-practice-header-lede p{ font-family:"normalidad-text",sans-serif; line-height:1.62; } html[data-zn-type="10"] .v5-page .v4-hero-foot-label, html[data-zn-type="10"] .v5-page .v4-hero-meta-top, html[data-zn-type="10"] .v5-page .v5-through-eyebrow, html[data-zn-type="10"] .v5-page .v4-work-eyebrow.v5-work-eyebrow, html[data-zn-type="10"] .v5-page .v5-flywheel-meta, html[data-zn-type="10"] .v5-page .v5-flywheel-outputs-label, html[data-zn-type="10"] .v5-page .v5-facet-detail-eyebrow, html[data-zn-type="10"] .v5-page .v5-facet-label-disc, html[data-zn-type="10"] .v5-page .v5-footer-col-label, html[data-zn-type="10"] .v5-page .v5-footer-spine-mark, html[data-zn-type="10"] .v5-page .v5-contact-direct-label, html[data-zn-type="10"] .v5-page .v5-contact-key{ font-weight:900; } html[data-zn-type="10"] .v5-page .v5-work-eyebrow span{ font-family:"normalidad-compact",sans-serif !important; font-weight:900 !important; } html[data-zn-type="10"] .cursor-label{ font-family:"normalidad-compact",sans-serif !important; font-weight:900 !important; letter-spacing:0.20em !important; } html[data-zn-type="10"] .v5-ai-marker text{ font-family:"normalidad-compact",sans-serif; font-weight:900; } html[data-zn-type="10"] .v5-page .v5-footer-spine-meta, html[data-zn-type="10"] .v5-page .v5-footer-ribbon{ font-family:"normalidad-compact",sans-serif; font-weight:200; letter-spacing:0.22em; } html[data-zn-type="10"] .site-shell-footer-meta{ font-family:"normalidad-compact",sans-serif; font-weight:200; } html[data-zn-type="10"] .zn-work-intro-head, html[data-zn-type="10"] body[data-slug="work"] .zn-tile-name{ font-family:"normalidad-ultraextended",sans-serif !important; font-weight:700 !important; letter-spacing:0em !important; } html[data-zn-type="10"] .zn-work-intro-lede{ font-family:"normalidad-text",sans-serif !important; line-height:1.62 !important; } html[data-zn-type="10"] body[data-slug="work"] .zn-tile-cat{ font-family:"normalidad-text",sans-serif !important; } html[data-zn-type="10"] body[data-slug="work"] .sqs-html-content p, html[data-zn-type="10"] body[data-slug="work"] .sqs-block-button-element, html[data-zn-type="10"] .v5-portfolio.v5-portfolio .sqs-html-content p, html[data-zn-type="10"] .v5-portfolio.v5-portfolio .sqs-block-button-element{ font-family:"normalidad-text",sans-serif !important; } html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1, html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.024em !important; line-height:1.0 !important; font-variation-settings:"opsz" 60; } html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h3{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-0.02em !important; } html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h4{ font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:-0.01em !important; } html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content p, html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content li, html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content blockquote, html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content figcaption{ font-family:var(--sans) !important; font-weight:400 !important; letter-spacing:0 !important; } html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content strong, html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content b{ font-weight:700 !important; } html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h1 strong, html[data-zn-type="10"] body[data-slug]:not([data-slug="work"]) .sqs-html-content h2 strong{ font-weight:inherit !important; } html[data-zn-type="10"] .v5-portfolio.v5-portfolio{ --heading-font-font-family:"nitti-mostro-solid",sans-serif; --body-font-font-family:"normalidad-text",sans-serif; --primary-button-font-font-family:"normalidad-compact",sans-serif; } html[data-zn-type="10"] .v5-portfolio.v5-portfolio [data-section-theme="white"], html[data-zn-type="10"] .v5-portfolio.v5-portfolio [data-section-theme="light"], html[data-zn-type="10"] .v5-portfolio.v5-portfolio [data-section-theme="black-bold"], html[data-zn-type="10"] .v5-portfolio.v5-portfolio [data-section-theme="bright"]{ font-family:"normalidad-text",sans-serif !important; } html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span{ font-family:"normalidad-text",sans-serif !important; font-weight:300 !important; font-style:normal !important; font-variation-settings:normal !important; } /* faux-oblique guard: --display, --display-overlay, --mono, --sans, --serif, --stencil ship no italic face — font-style:normal on 116 site italic selectors */ html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-hero-headline .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-hero-cycle-w, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-hero-foot-text .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-cap-lede .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-cap-name .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-work-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-case-num-big, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-case-role, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-case-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-case-plate-stat-num .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-case-plate-stat-unit, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-marquee-item .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-lab-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-practice-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-practice-stat-num .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v4-contact-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-hero-carousel-stage, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-hero-spotlight-suffix, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-hero-spotlight-cycle, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-hero-tag, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-hero-foot-text .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-recent-proves-text, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-through-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-through-row-n, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-through-foot, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-method-disciplines-lede, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-method-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-portal-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-teach-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-ai-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-signals-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-contact-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-teach-lede .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-method-sig-line, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-flywheel-counter, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-flywheel-detail-tagline, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-portal-foot .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-teach-col-n, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-teach-foot, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-teach-foot .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-ai .v5-ai-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-ai-half-sub, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-ai-half-list-nots .v5-ai-half-item-text, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-ai-foot .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-signals-logo.is-disney .v5-signals-logo-text, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-signals-taught, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-lab .v5-lab-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-lab-intro .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-facet-headline .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-facet-intro .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-facet-wheel-counter, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-facet-hud-num, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-recent-meta-role, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-recent-title-col .v5-recent-proves-label, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-recent-proves-label, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-recent-title-col .v5-recent-proves-text, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-section-open-headline.v5-method-manifesto .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-facet-detail-tagline, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-practice-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-practice-card-n, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-practice-books-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-engagements-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-engagements-detail-fit .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-section-open-headline .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-group-divider-n, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-footer-spine-text, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-footer-ribbon-right .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-hero-tag-split .split-char, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-through-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-method-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-portal-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-teach-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ai-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-signals-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-contact-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-practice-books-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-engagements-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-ft-section-title .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-section-open-headline .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-disciplines-headline .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-page .v5-facet-headline .emph .v4-word > span, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-teaser-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-practice-header-title .emph, html[data-zn-type="10"]:not([data-zn-type="0"]) .v5-method-disciplines-row .v4-cap-tagline, html[data-zn-type="10"]:not([data-zn-type="0"]) .site-shell-footer-spine, html[data-zn-type="10"]:not([data-zn-type="0"]) .sqs-sections .cs-headline em{ font-style:normal !important; } @media (max-width:720px){ html[data-zn-type="10"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(32px, 9.5vw, 51px) !important; } } @media (max-width:480px){ html[data-zn-type="10"] .v5-page .v4-hero-headline.v5-hero-headline{ font-size:clamp(28px, 10vw, 40px) !important; } } @media (max-width:900px){ html[data-zn-type="10"] .v5-page .v5-flywheel-detail-title, html[data-zn-type="10"] .v5-page .v5-facet-detail-title, html[data-zn-type="10"] .v5-page .v5-engagements-detail-name, html[data-zn-type="10"] .v5-page .v5-ai-half-title, html[data-zn-type="10"] .v5-page .v5-ai-half-title-split .split-char, html[data-zn-type="10"] .v5-page .v5-group-divider-title{ font-size:22px; } } @media (max-width:520px){ html[data-zn-type="10"] .v4-nav-brand .v4-nav-brand-name, html[data-zn-type="10"] .v4-nav-brand .v4-nav-brand-text{ font-size:14px !important; } } /* MOSTRO ships SOLID ONLY. theme/zn-theme.js (type 10 only) stamps data-zn-layered="1" on each display headline and data-zn-word="" on every .v4-word > span inside it (plain headlines are wrapped as .zn-layer-word > span). The inline cut is overprinted per word in an ::after that inherits every metric — nothing about size, weight or leading is restated — so registration against the solid layer is exact. */ html[data-zn-type="10"] [data-zn-layered="1"] .v4-word{ position:relative; } html[data-zn-type="10"] [data-zn-layered="1"] .v4-word > span[data-zn-word]::after, html[data-zn-type="10"] [data-zn-layered="1"] .zn-layer-word > span[data-zn-word]::after{ content:attr(data-zn-word); position:absolute; left:0; top:0; width:100%; font-family:"nitti-mostro-inline",sans-serif; color:var(--v4-accent); pointer-events:none; } /* ==================================================================================== CASE BODIES FOLLOW THE SYSTEM The insulation reset that re-pinned the Portal-template case bodies to the original cream/copper is switched off (INSULATE_CASE_BODIES). Type comes from the type block; each page ground comes from sqs/page-grounds.css. ==================================================================================== */