/* ========================================================================= PAGE GROUNDS for the case-study pages (generated by _tools/derive_page_grounds.py) The site runs BOTTLE / MINT: dark paper #0A1512, mint accent #3FF0A0. Home, /work, /about and /contact stay on that ground. Each of the 26 case-study pages gets its own LIGHT ground here, a tint of the dominant hue in that project's key art (the hero image of its /work tile, arbitrated by the tile's brand plate), so the body and the nav carry the project's own colour while still sitting inside the bottle system: - every paper is solved to the same luminance (about 0.80), which is what makes 26 different hues read as one family, and is the luminance at which the palette's dark mint #0D7552 (accent_alt) clears 4.5:1 as the page accent; - HSL lightness stays in 88..93 and saturation in 18..42; the saturation is picked per hue so the CIELAB chroma of every tint is near one target (warm hues a little higher than cool ones, scaled by how vivid the source is); - paper-2 and paper-3 are the same tint 3 and 6 L-steps darker, line and line-soft 14 and 8 steps darker at S-8; ink is dark (#0E0F0E / #1C1E1C); mute is a dark version of the page hue that clears 4.5:1 on paper-3; - accent-hi is #02100B, the first same-hue step of #0D7552 that clears 4.5:1 on every paper-3 (22 L-steps darker: on a light ground the hover step goes darker, the mirror of the dark palette's #3FF0A0 -> #69F5B6); - uniqueness target: no two grounds within CIEDE2000 6. 22 pages were nudged (S by 6..10, L by 2..3) to pull away from an earlier slug of the same hue; 18 still sit closer than 6 to a same-hue neighbour, because inside L 88..93 and S 18..42 a hue family only spans a few CIEDE2000 units. Per-page numbers are in _tools/page-grounds.json (nearest, nudge); - --v4-night is the BOTTLE paper, so any night band on these pages is dark again. Cascade: html body[data-slug="x"] is (0,1,2) and beats the theme's palette block html[data-zn-pal="21"] at (0,1,1). The nav and footer inherit the page tokens from body. Squarespace sections keep their own colours except the light family, which is the page ground on the ported layouts: white / white-bold / light-bold take paper, light (the warm beige band) takes paper-2, and black / black-bold / dark / bright / bright-inverse and image-backed sections are artwork and are left alone. The 0 Portal-built pages are the exception at the end of the file: the theme re-pins the original cream on body.portal-case / main.pcs at (0,3,2) and on body:has(> main.pcs) at (0,3,3), and hands the dark palette back to their nav and footer at the same weight, so those pages carry the tokens again with !important. Load this file after /sqs/site-shell.css. ========================================================================= */ /* adobe: #39395D from adobebg.webp */ html body[data-slug="adobe"]{ --v4-paper:#0A1512; --v4-paper-2:#0F1F1B; --v4-paper-3:#142A24; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#81BBAB; --v4-line:#25413A; --v4-line-soft:#1A2E28; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:10,21,18; --zn-ink-rgb:242,238,230; --v4-night:#142A24; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="adobe"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="adobe"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="adobe"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="adobe"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="adobe"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="adobe"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="adobe"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="adobe"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="adobe"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="adobe"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="adobe"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="adobe"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* apple: #1C185B from ab.webp */ html body[data-slug="apple"]{ --v4-paper:#0A1512; --v4-paper-2:#0F1F1B; --v4-paper-3:#142A24; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#81BBAB; --v4-line:#25413A; --v4-line-soft:#1A2E28; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:10,21,18; --zn-ink-rgb:242,238,230; --v4-night:#142A24; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="apple"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="apple"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="apple"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="apple"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="apple"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="apple"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="apple"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="apple"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="apple"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="apple"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="apple"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="apple"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* flat near-white background images on 3 section(s): hidden so the ground shows */ html body[data-slug="apple"] .page-section[data-section-id="649f5c19e59b0c05c6eda6df"] .section-background img, html body[data-slug="apple"] .page-section[data-section-id="649f5c19e59b0c05c6eda6df"] .section-background-overlay, html body[data-slug="apple"] .page-section[data-section-id="649f67d907bcb7581b472750"] .section-background img, html body[data-slug="apple"] .page-section[data-section-id="649f67d907bcb7581b472750"] .section-background-overlay, html body[data-slug="apple"] .page-section[data-section-id="64ecbd4b413a9144d4db9dae"] .section-background img, html body[data-slug="apple"] .page-section[data-section-id="64ecbd4b413a9144d4db9dae"] .section-background-overlay{ display:none !important } /* bark-and-ride: #111132 from bark-and-ride.webp */ html body[data-slug="bark-and-ride"]{ --v4-paper:#111132; --v4-paper-2:#15153D; --v4-paper-3:#191949; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#8181BB; --v4-line:#292962; --v4-line-soft:#20204C; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:17,17,50; --zn-ink-rgb:242,238,230; --v4-night:#191949; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="bark-and-ride"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="bark-and-ride"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="bark-and-ride"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="bark-and-ride"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="bark-and-ride"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="bark-and-ride"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="bark-and-ride"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="bark-and-ride"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="bark-and-ride"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="bark-and-ride"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="bark-and-ride"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="bark-and-ride"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* beer-mode: #2AA79B from override #2AA79B */ html body[data-slug="beer-mode"]{ --v4-paper:#151412; --v4-paper-2:#1D1C19; --v4-paper-3:#252420; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#B0A48D; --v4-line:#373737; --v4-line-soft:#282828; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:21,20,18; --zn-ink-rgb:242,238,230; --v4-night:#252420; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="beer-mode"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="beer-mode"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="beer-mode"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="beer-mode"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="beer-mode"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="beer-mode"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="beer-mode"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="beer-mode"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="beer-mode"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="beer-mode"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="beer-mode"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="beer-mode"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* design__authentic: #D9CBB0 from override #D9CBB0 */ html body[data-slug="design__authentic"]{ --v4-paper:#EEE8DB; --v4-paper-2:#E9E1D1; --v4-paper-3:#E4DBC6; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#6D5D3B; --v4-line:#D2C7AF; --v4-line-soft:#DDD5C3; --v4-accent:#0C6C4C; --v4-accent-hi:#0A5E42; --zn-cream-rgb:238,232,219; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="design__authentic"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="design__authentic"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="design__authentic"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="design__authentic"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="design__authentic"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="design__authentic"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="design__authentic"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="design__authentic"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* design__luckytruck: #697CE9 from luckytruck-hero.webp */ html body[data-slug="design__luckytruck"]{ --v4-paper:#E3D5BC; --v4-paper-2:#DECEB1; --v4-paper-3:#DAC7A6; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#635336; --v4-line:#C7B490; --v4-line-soft:#D2C1A5; --v4-accent:#0A5E42; --v4-accent-hi:#095038; --zn-cream-rgb:227,213,188; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="design__luckytruck"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="design__luckytruck"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="design__luckytruck"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="design__luckytruck"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="design__luckytruck"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="design__luckytruck"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="design__luckytruck"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="design__luckytruck"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* flat near-white background images on 1 section(s): hidden so the ground shows */ html body[data-slug="design__luckytruck"] .page-section[data-section-id="63e3e8e130275b79197a161a"] .section-background img, html body[data-slug="design__luckytruck"] .page-section[data-section-id="63e3e8e130275b79197a161a"] .section-background-overlay{ display:none !important } /* design__pepsi-savvy: #2E5595 from pepsi-savvy-hero.webp */ html body[data-slug="design__pepsi-savvy"]{ --v4-paper:#EEE8DB; --v4-paper-2:#E9E1D1; --v4-paper-3:#E4DBC6; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#6D5D3B; --v4-line:#D2C7AF; --v4-line-soft:#DDD5C3; --v4-accent:#0C6C4C; --v4-accent-hi:#0A5E42; --zn-cream-rgb:238,232,219; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="design__pepsi-savvy"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="design__pepsi-savvy"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* flat near-white background images on 2 section(s): hidden so the ground shows */ html body[data-slug="design__pepsi-savvy"] .page-section[data-section-id="63e3e8e230275b79197a1853"] .section-background img, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-id="63e3e8e230275b79197a1853"] .section-background-overlay, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-id="63e3e8e230275b79197a185f"] .section-background img, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-id="63e3e8e230275b79197a185f"] .section-background-overlay{ display:none !important } html body[data-slug="design__pepsi-savvy"] .page-section[data-section-id="63e3e8e230275b79197a185f"] .section-background, html body[data-slug="design__pepsi-savvy"] .page-section[data-section-id="63e3e8e230275b79197a185f"] .section-border{ background:var(--v4-paper) } /* garden-variety: #288E7A from gvtran.webp */ html body[data-slug="garden-variety"]{ --v4-paper:#5B4479; --v4-paper-2:#624982; --v4-paper-3:#694F8C; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#DAD1E5; --v4-line:#7E699B; --v4-line-soft:#6F5C8A; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:91,68,121; --zn-ink-rgb:242,238,230; --v4-night:#694F8C; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="garden-variety"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="garden-variety"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="garden-variety"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="garden-variety"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="garden-variety"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="garden-variety"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="garden-variety"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="garden-variety"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="garden-variety"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="garden-variety"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="garden-variety"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="garden-variety"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* greatest-hits: #AEB4C2 from override #AEB4C2 */ html body[data-slug="greatest-hits"]{ --v4-paper:#E3D5BC; --v4-paper-2:#DECEB1; --v4-paper-3:#DAC7A6; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#635336; --v4-line:#C7B490; --v4-line-soft:#D2C1A5; --v4-accent:#0A5E42; --v4-accent-hi:#095038; --zn-cream-rgb:227,213,188; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="greatest-hits"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="greatest-hits"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="greatest-hits"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="greatest-hits"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="greatest-hits"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="greatest-hits"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="greatest-hits"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="greatest-hits"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* flat near-white background images on 10 section(s): hidden so the ground shows */ html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100d5"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100d5"] .section-background-overlay, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100db"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100db"] .section-background-overlay, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100de"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100de"] .section-background-overlay, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100e7"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100e7"] .section-background-overlay, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100ea"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100ea"] .section-background-overlay, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100f3"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100f3"] .section-background-overlay, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100f9"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf100f9"] .section-background-overlay, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf10105"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af1d3d8593a878baf10105"] .section-background-overlay, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af2549e4803a52fdd9c9c5"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64af2549e4803a52fdd9c9c5"] .section-background-overlay, html body[data-slug="greatest-hits"] .page-section[data-section-id="64bed79678b3fa1026b8d9aa"] .section-background img, html body[data-slug="greatest-hits"] .page-section[data-section-id="64bed79678b3fa1026b8d9aa"] .section-background-overlay{ display:none !important } /* innit: #1EE84A from override #1EE84A */ html body[data-slug="innit"]{ --v4-paper:#F7A106; --v4-paper-2:#E89706; --v4-paper-3:#D98E05; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#3C3220; --v4-line:#AA710C; --v4-line-soft:#C7850E; --v4-accent:#073E2B; --v4-accent-hi:#053022; --zn-cream-rgb:247,161,6; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="innit"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="innit"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="innit"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="innit"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="innit"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="innit"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="innit"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="innit"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* flat near-white background images on 3 section(s): hidden so the ground shows */ html body[data-slug="innit"] .page-section[data-section-id="64adf55988a0142a68875cb3"] .section-background img, html body[data-slug="innit"] .page-section[data-section-id="64adf55988a0142a68875cb3"] .section-background-overlay, html body[data-slug="innit"] .page-section[data-section-id="64adf55988a0142a68875cb6"] .section-background img, html body[data-slug="innit"] .page-section[data-section-id="64adf55988a0142a68875cb6"] .section-background-overlay, html body[data-slug="innit"] .page-section[data-section-id="64adf8e3aaf3f60c0b8b7936"] .section-background img, html body[data-slug="innit"] .page-section[data-section-id="64adf8e3aaf3f60c0b8b7936"] .section-background-overlay{ display:none !important } /* kodak: #F7C600 from override #F7C600 */ html body[data-slug="kodak"]{ --v4-paper:#F7C600; --v4-paper-2:#E8BA00; --v4-paper-3:#D8AD00; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#4C4529; --v4-line:#A98907; --v4-line-soft:#C6A008; --v4-accent:#084C35; --v4-accent-hi:#073E2B; --zn-cream-rgb:247,198,0; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="kodak"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="kodak"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="kodak"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="kodak"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="kodak"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="kodak"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="kodak"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="kodak"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* flat near-white background images on 3 section(s): hidden so the ground shows */ html body[data-slug="kodak"] .page-section[data-section-id="64baa459c3e8f569d6995626"] .section-background img, html body[data-slug="kodak"] .page-section[data-section-id="64baa459c3e8f569d6995626"] .section-background-overlay, html body[data-slug="kodak"] .page-section[data-section-id="64baab4eab40ad794c73a217"] .section-background img, html body[data-slug="kodak"] .page-section[data-section-id="64baab4eab40ad794c73a217"] .section-background-overlay, html body[data-slug="kodak"] .page-section[data-section-id="64baae016b2e444b545b0418"] .section-background img, html body[data-slug="kodak"] .page-section[data-section-id="64baae016b2e444b545b0418"] .section-background-overlay{ display:none !important } /* logitech: #02B1FC from logitech-hero.webp */ html body[data-slug="logitech"]{ --v4-paper:#51B0F9; --v4-paper-2:#42A9F8; --v4-paper-3:#33A3F8; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#243542; --v4-line:#168FED; --v4-line-soft:#329DEF; --v4-accent:#063928; --v4-accent-hi:#052C1F; --zn-cream-rgb:81,176,249; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="logitech"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="logitech"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="logitech"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="logitech"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="logitech"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="logitech"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="logitech"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="logitech"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* flat near-white background images on 2 section(s): hidden so the ground shows */ html body[data-slug="logitech"] .page-section[data-section-id="64b16d007756f74f63e87d07"] .section-background img, html body[data-slug="logitech"] .page-section[data-section-id="64b16d007756f74f63e87d07"] .section-background-overlay, html body[data-slug="logitech"] .page-section[data-section-id="64b16d007756f74f63e87d0a"] .section-background img, html body[data-slug="logitech"] .page-section[data-section-id="64b16d007756f74f63e87d0a"] .section-background-overlay{ display:none !important } /* mariannes: #E8EDA0 from override #E8EDA0 */ html body[data-slug="mariannes"]{ --v4-paper:#E8EDA0; --v4-paper-2:#E5EB93; --v4-paper-3:#E2E886; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#646737; --v4-line:#D3DA6B; --v4-line-soft:#DAE084; --v4-accent:#0C704F; --v4-accent-hi:#0B6345; --zn-cream-rgb:232,237,160; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="mariannes"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="mariannes"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="mariannes"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="mariannes"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="mariannes"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="mariannes"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="mariannes"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="mariannes"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* martha: #B0C9D8 from martha.webp */ html body[data-slug="martha"]{ --v4-paper:#EEE8DB; --v4-paper-2:#E9E1D1; --v4-paper-3:#E4DBC6; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#6D5D3B; --v4-line:#D2C7AF; --v4-line-soft:#DDD5C3; --v4-accent:#0C6C4C; --v4-accent-hi:#0A5E42; --zn-cream-rgb:238,232,219; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="martha"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="martha"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="martha"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="martha"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="martha"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="martha"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="martha"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="martha"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* flat near-white background images on 1 section(s): hidden so the ground shows */ html body[data-slug="martha"] .page-section[data-section-id="64a7398825ae5f366c448f7b"] .section-background img, html body[data-slug="martha"] .page-section[data-section-id="64a7398825ae5f366c448f7b"] .section-background-overlay{ display:none !important } /* native-roots: #A1A87A from Screenshot+2023-10-24+at+5.46.28+PM.webp */ html body[data-slug="native-roots"]{ --v4-paper:#91A558; --v4-paper-2:#899B53; --v4-paper-3:#80914E; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#202414; --v4-line:#656F47; --v4-line-soft:#768252; --v4-accent:#04271B; --v4-accent-hi:#031912; --zn-cream-rgb:145,165,88; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="native-roots"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="native-roots"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="native-roots"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="native-roots"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="native-roots"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="native-roots"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="native-roots"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="native-roots"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* outdoorsy: #02A774 from override #02A774 */ html body[data-slug="outdoorsy"]{ --v4-paper:#1F3D2E; --v4-paper-2:#244736; --v4-paper-3:#29513D; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#92C4AB; --v4-line:#3E6652; --v4-line-soft:#325342; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:31,61,46; --zn-ink-rgb:242,238,230; --v4-night:#29513D; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="outdoorsy"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="outdoorsy"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="outdoorsy"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="outdoorsy"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="outdoorsy"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="outdoorsy"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="outdoorsy"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="outdoorsy"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="outdoorsy"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="outdoorsy"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="outdoorsy"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="outdoorsy"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* pepsico: #BCDFF3 from pepsico-poster.webp */ html body[data-slug="pepsico"]{ --v4-paper:#EEE8DB; --v4-paper-2:#E9E1D1; --v4-paper-3:#E4DBC6; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#6D5D3B; --v4-line:#D2C7AF; --v4-line-soft:#DDD5C3; --v4-accent:#0C6C4C; --v4-accent-hi:#0A5E42; --zn-cream-rgb:238,232,219; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="pepsico"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="pepsico"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="pepsico"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="pepsico"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="pepsico"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="pepsico"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="pepsico"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="pepsico"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* psychedelic-science: #48A4FF from override #48A4FF */ html body[data-slug="psychedelic-science"]{ --v4-paper:#86C99B; --v4-paper-2:#7BC492; --v4-paper-3:#71C08A; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#274932; --v4-line:#5EA976; --v4-line-soft:#72B487; --v4-accent:#084C35; --v4-accent-hi:#073E2B; --zn-cream-rgb:134,201,155; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="psychedelic-science"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="psychedelic-science"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="psychedelic-science"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="psychedelic-science"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="psychedelic-science"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="psychedelic-science"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="psychedelic-science"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="psychedelic-science"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* sandwich-cannon: #4FB6E0 from override #4FB6E0 */ html body[data-slug="sandwich-cannon"]{ --v4-paper:#E3D5BC; --v4-paper-2:#DECEB1; --v4-paper-3:#DAC7A6; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#635336; --v4-line:#C7B490; --v4-line-soft:#D2C1A5; --v4-accent:#0A5E42; --v4-accent-hi:#095038; --zn-cream-rgb:227,213,188; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="sandwich-cannon"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="sandwich-cannon"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="sandwich-cannon"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="sandwich-cannon"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="sandwich-cannon"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="sandwich-cannon"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="sandwich-cannon"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="sandwich-cannon"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* shareclub: #E6B3D4 from shareclub.webp */ html body[data-slug="shareclub"]{ --v4-paper:#E3D5BC; --v4-paper-2:#DECEB1; --v4-paper-3:#DAC7A6; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#635336; --v4-line:#C7B490; --v4-line-soft:#D2C1A5; --v4-accent:#0A5E42; --v4-accent-hi:#095038; --zn-cream-rgb:227,213,188; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="shareclub"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="shareclub"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="shareclub"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="shareclub"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="shareclub"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="shareclub"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="shareclub"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="shareclub"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* sherpa: #6FB4E8 from override #6FB4E8 */ html body[data-slug="sherpa"]{ --v4-paper:#EEE8DB; --v4-paper-2:#E9E1D1; --v4-paper-3:#E4DBC6; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#6D5D3B; --v4-line:#D2C7AF; --v4-line-soft:#DDD5C3; --v4-accent:#0C6C4C; --v4-accent-hi:#0A5E42; --zn-cream-rgb:238,232,219; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="sherpa"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="sherpa"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="sherpa"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="sherpa"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="sherpa"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="sherpa"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="sherpa"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="sherpa"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* somatic: #C873E6 from somatic.webp */ html body[data-slug="somatic"]{ --v4-paper:#1E1430; --v4-paper-2:#25193B; --v4-paper-3:#2C1D46; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#9984BD; --v4-line:#3F2F5D; --v4-line-soft:#312448; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:30,20,48; --zn-ink-rgb:242,238,230; --v4-night:#2C1D46; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="somatic"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="somatic"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="somatic"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="somatic"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="somatic"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="somatic"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="somatic"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="somatic"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="somatic"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="somatic"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="somatic"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="somatic"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* speakeasy: #354650 from override #354650 */ html body[data-slug="speakeasy"]{ --v4-paper:#0C0C0C; --v4-paper-2:#141414; --v4-paper-3:#1B1B1B; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#B08D8D; --v4-line:#303030; --v4-line-soft:#202020; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:12,12,12; --zn-ink-rgb:242,238,230; --v4-night:#1B1B1B; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="speakeasy"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="speakeasy"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="speakeasy"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="speakeasy"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="speakeasy"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="speakeasy"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="speakeasy"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="speakeasy"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="speakeasy"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="speakeasy"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="speakeasy"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="speakeasy"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* target: #B1D1D1 from Screenshot+2023-10-24+at+8.57.11+PM.webp */ html body[data-slug="target"]{ --v4-paper:#8FBFBF; --v4-paper-2:#85B9B9; --v4-paper-3:#7CB4B4; --v4-ink:#0E0F0E; --v4-ink-2:#1C1E1C; --v4-mute:#274444; --v4-line:#6B9B9B; --v4-line-soft:#7EA7A7; --v4-accent:#084732; --v4-accent-hi:#063928; --zn-cream-rgb:143,191,191; --zn-ink-rgb:14,15,14; --v4-night:#0A1512; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="target"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="target"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="target"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="target"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="target"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="target"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="target"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="target"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } /* the-crowd: #0030FE from the-crowd.webp */ html body[data-slug="the-crowd"]{ --v4-paper:#0A1512; --v4-paper-2:#0F1F1B; --v4-paper-3:#142A24; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#81BBAB; --v4-line:#25413A; --v4-line-soft:#1A2E28; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:10,21,18; --zn-ink-rgb:242,238,230; --v4-night:#142A24; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="the-crowd"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="the-crowd"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="the-crowd"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="the-crowd"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="the-crowd"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="the-crowd"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="the-crowd"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="the-crowd"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="the-crowd"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="the-crowd"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="the-crowd"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="the-crowd"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* true-swing: #126455 from true-swing-hero.webp */ html body[data-slug="true-swing"]{ --v4-paper:#003629; --v4-paper-2:#004535; --v4-paper-3:#005540; --v4-ink:#F2EEE6; --v4-ink-2:#DCD6CC; --v4-mute:#92C4B8; --v4-line:#05785D; --v4-line-soft:#045B46; --v4-accent:#3FF0A0; --v4-accent-hi:#4DF1A7; --zn-cream-rgb:0,54,41; --zn-ink-rgb:242,238,230; --v4-night:#005540; color:var(--v4-ink); background:var(--v4-paper) } html body[data-slug="true-swing"] .page-section[data-section-theme="white"] .section-background, html body[data-slug="true-swing"] .page-section[data-section-theme="white"] .section-border, html body[data-slug="true-swing"] .page-section[data-section-theme="white-bold"] .section-background, html body[data-slug="true-swing"] .page-section[data-section-theme="white-bold"] .section-border, html body[data-slug="true-swing"] .page-section[data-section-theme="light-bold"] .section-background, html body[data-slug="true-swing"] .page-section[data-section-theme="light-bold"] .section-border{ background:var(--v4-paper) } html body[data-slug="true-swing"] .page-section[data-section-theme="light"] .section-background, html body[data-slug="true-swing"] .page-section[data-section-theme="light"] .section-border{ background:var(--v4-paper-2) } html body[data-slug="true-swing"] .page-section[data-section-theme="white"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="true-swing"] .page-section[data-section-theme="white-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="true-swing"] .page-section[data-section-theme="light-bold"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)), html body[data-slug="true-swing"] .page-section[data-section-theme="light"] :is(h1,h2,h3,h4,p,li,blockquote,figcaption,.sqs-html-content a:not(.sqs-block-button-element)){ color:var(--v4-ink) !important } /* the shell nav takes the page ground (site-shell.css paints .site-shell-nav with --v4-paper; this pins the bare .v4-nav to the same token at (0,2,2)) */ html body[data-slug] .v4-nav{ background:var(--v4-paper) }