/* BUILD 11.2 */ /* ============================================================================ SITE SKINS - assets/css/skins.css ---------------------------------------------------------------------------- One skin per site. Each is a complete change of typeface, radius scale, shadow language, border weight, density and surface colour - the things that actually make two sites look like each other. Reordering blocks does not do that; this does. Loaded AFTER style.css and theme.css and BEFORE the site's own custom CSS, so a skin overrides the base look and anything hand-written still wins. header.php puts the choice on as sk- and loads that skin's web fonts. Nothing here applies unless a skin is chosen: without a body class every rule below is inert, and "Liquid Glass" reproduces the current look, so an existing site is unchanged until someone picks another. ============================================================================ */ /* ---------- Liquid Glass : The current look. Frosted cards, wide radii, soft depth. ---------- */ body.sk-glass{ --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:30px; --sh-1:0 1px 2px rgba(16,32,52,.05),0 6px 18px rgba(16,32,52,.07); --sh-2:0 2px 6px rgba(16,32,52,.06),0 14px 38px rgba(16,32,52,.10); --sh-3:0 2px 6px rgba(16,32,52,.06),0 14px 38px rgba(16,32,52,.10); --spec:none; --g-fill:rgba(255,255,255,.58); --g-fill-strong:rgba(255,255,255,.58); --g-fill-faint:rgba(255,255,255,.58); --g-edge:rgba(255,255,255,.72); --g-edge-soft:rgba(255,255,255,.72); --g-blur:saturate(180%) blur(22px); --g-blur-lg:saturate(180%) blur(22px); --skin-bw:1px; --skin-bc:rgba(255,255,255,.72); --skin-fill:rgba(255,255,255,.58); --band-pad:22px; --ink:#12181F; --header-ink:#12181F; --hair:rgba(255,255,255,.72); --line:rgba(255,255,255,.72); --bg:rgba(255,255,255,.58); --card:rgba(255,255,255,.58); --bg-soft:#eef2f7; --hdr:rgba(255,255,255,.58); font-family:"Poppins",system-ui,sans-serif; background:#eef2f7; color:#12181F; } body.sk-glass h1,body.sk-glass h2,body.sk-glass h3, body.sk-glass .section__head h2,body.sk-glass .slide__card h1{ font-family:"Montserrat",sans-serif;font-weight:800;letter-spacing:-.022em; } body.sk-glass .eyebrow,body.sk-glass .mono,body.sk-glass .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-glass .card,body.sk-glass .catcard,body.sk-glass .tile, body.sk-glass .artcard,body.sk-glass .masthead__in,body.sk-glass .mainnav__in{ background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.72);border-radius:22px; box-shadow:0 1px 2px rgba(16,32,52,.05),0 6px 18px rgba(16,32,52,.07);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px); } body.sk-glass .card:hover,body.sk-glass .catcard:hover, body.sk-glass .tile:hover,body.sk-glass .artcard:hover{box-shadow:0 2px 6px rgba(16,32,52,.06),0 14px 38px rgba(16,32,52,.10)} body.sk-glass .btn,body.sk-glass .catrail__cta{border-radius:16px} body.sk-glass .section{padding:38px 0} body.sk-glass .section--soft > .wrap{padding:38px var(--band-pad)} /* ---------- Swiss Grid : Flat, square, hairline rules. No shadows anywhere. ---------- */ body.sk-swiss{ --r-sm:0px; --r-md:0px; --r-lg:2px; --r-xl:2px; --sh-1:none; --sh-2:none; --sh-3:none; --spec:none; --g-fill:#fff; --g-fill-strong:#fff; --g-fill-faint:#fff; --g-edge:#111; --g-edge-soft:#111; --g-blur:none; --g-blur-lg:none; --skin-bw:1px; --skin-bc:#111; --skin-fill:#fff; --band-pad:24px; --ink:#111; --header-ink:#111; --hair:#111; --line:#111; --bg:#fff; --card:#fff; --bg-soft:#fff; --hdr:#fff; font-family:"Inter",system-ui,sans-serif; background:#fff; color:#111; } body.sk-swiss h1,body.sk-swiss h2,body.sk-swiss h3, body.sk-swiss .section__head h2,body.sk-swiss .slide__card h1{ font-family:"Inter",system-ui,sans-serif;font-weight:700;letter-spacing:-.03em; } body.sk-swiss .eyebrow,body.sk-swiss .mono,body.sk-swiss .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-swiss .card,body.sk-swiss .catcard,body.sk-swiss .tile, body.sk-swiss .artcard,body.sk-swiss .masthead__in,body.sk-swiss .mainnav__in{ background:#fff;border:1px solid #111;border-radius:2px; box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-swiss .card:hover,body.sk-swiss .catcard:hover, body.sk-swiss .tile:hover,body.sk-swiss .artcard:hover{box-shadow:none} body.sk-swiss .btn,body.sk-swiss .catrail__cta{border-radius:0px} body.sk-swiss .section{padding:30px 0} body.sk-swiss .section--soft > .wrap{padding:30px var(--band-pad)} /* ---------- Editorial Serif : Serif headings, wide margins, rules instead of cards. ---------- */ body.sk-editorial{ --r-sm:2px; --r-md:4px; --r-lg:6px; --r-xl:8px; --sh-1:none; --sh-2:0 1px 0 rgba(0,0,0,.06); --sh-3:0 1px 0 rgba(0,0,0,.06); --spec:none; --g-fill:#fffdf9; --g-fill-strong:#fffdf9; --g-fill-faint:#fffdf9; --g-edge:#e2ded6; --g-edge-soft:#e2ded6; --g-blur:none; --g-blur-lg:none; --skin-bw:1px; --skin-bc:#e2ded6; --skin-fill:#fffdf9; --band-pad:26px; --ink:#231f1b; --header-ink:#231f1b; --hair:#e2ded6; --line:#e2ded6; --bg:#fffdf9; --card:#fffdf9; --bg-soft:#faf7f2; --hdr:#fffdf9; font-family:"Karla",system-ui,sans-serif; background:#faf7f2; color:#231f1b; } body.sk-editorial h1,body.sk-editorial h2,body.sk-editorial h3, body.sk-editorial .section__head h2,body.sk-editorial .slide__card h1{ font-family:"Fraunces",Georgia,serif;font-weight:700;letter-spacing:-.01em; } body.sk-editorial .eyebrow,body.sk-editorial .mono,body.sk-editorial .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-editorial .card,body.sk-editorial .catcard,body.sk-editorial .tile, body.sk-editorial .artcard,body.sk-editorial .masthead__in,body.sk-editorial .mainnav__in{ background:#fffdf9;border:1px solid #e2ded6;border-radius:6px; box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-editorial .card:hover,body.sk-editorial .catcard:hover, body.sk-editorial .tile:hover,body.sk-editorial .artcard:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)} body.sk-editorial .btn,body.sk-editorial .catrail__cta{border-radius:4px} body.sk-editorial .section{padding:46px 0} body.sk-editorial .section--soft > .wrap{padding:46px var(--band-pad)} /* ---------- Brutalist : Heavy black borders, hard offset shadows, mono headings. ---------- */ body.sk-brutal{ --r-sm:0px; --r-md:0px; --r-lg:0px; --r-xl:0px; --sh-1:4px 4px 0 #111; --sh-2:7px 7px 0 #111; --sh-3:7px 7px 0 #111; --spec:none; --g-fill:#fff; --g-fill-strong:#fff; --g-fill-faint:#fff; --g-edge:#111; --g-edge-soft:#111; --g-blur:none; --g-blur-lg:none; --skin-bw:2.5px; --skin-bc:#111; --skin-fill:#fff; --band-pad:22px; --ink:#111; --header-ink:#111; --hair:#111; --line:#111; --bg:#fff; --card:#fff; --bg-soft:#f5f2e8; --hdr:#fff; font-family:"Space Grotesk",system-ui,sans-serif; background:#f5f2e8; color:#111; } body.sk-brutal h1,body.sk-brutal h2,body.sk-brutal h3, body.sk-brutal .section__head h2,body.sk-brutal .slide__card h1{ font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.02em; } body.sk-brutal .eyebrow,body.sk-brutal .mono,body.sk-brutal .catcard span{font-family:"Space Mono",monospace} body.sk-brutal .card,body.sk-brutal .catcard,body.sk-brutal .tile, body.sk-brutal .artcard,body.sk-brutal .masthead__in,body.sk-brutal .mainnav__in{ background:#fff;border:2.5px solid #111;border-radius:0px; box-shadow:4px 4px 0 #111;-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-brutal .card:hover,body.sk-brutal .catcard:hover, body.sk-brutal .tile:hover,body.sk-brutal .artcard:hover{box-shadow:7px 7px 0 #111} body.sk-brutal .btn,body.sk-brutal .catrail__cta{border-radius:0px} body.sk-brutal .section{padding:34px 0} body.sk-brutal .section--soft > .wrap{padding:34px var(--band-pad)} /* ---------- Soft UI : Very round, low contrast, dual-tone depth. ---------- */ body.sk-soft{ --r-sm:14px; --r-md:20px; --r-lg:28px; --r-xl:38px; --sh-1:6px 6px 14px rgba(163,177,198,.35),-6px -6px 14px rgba(255,255,255,.9); --sh-2:10px 10px 24px rgba(163,177,198,.4),-10px -10px 24px rgba(255,255,255,.95); --sh-3:10px 10px 24px rgba(163,177,198,.4),-10px -10px 24px rgba(255,255,255,.95); --spec:none; --g-fill:#eef1f6; --g-fill-strong:#eef1f6; --g-fill-faint:#eef1f6; --g-edge:transparent; --g-edge-soft:transparent; --g-blur:none; --g-blur-lg:none; --skin-bw:0px; --skin-bc:transparent; --skin-fill:#eef1f6; --band-pad:24px; --ink:#3c4655; --header-ink:#3c4655; --hair:transparent; --line:transparent; --bg:#eef1f6; --card:#eef1f6; --bg-soft:#eef1f6; --hdr:#eef1f6; font-family:"Nunito",system-ui,sans-serif; background:#eef1f6; color:#3c4655; } body.sk-soft h1,body.sk-soft h2,body.sk-soft h3, body.sk-soft .section__head h2,body.sk-soft .slide__card h1{ font-family:"Nunito",system-ui,sans-serif;font-weight:800;letter-spacing:-.015em; } body.sk-soft .eyebrow,body.sk-soft .mono,body.sk-soft .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-soft .card,body.sk-soft .catcard,body.sk-soft .tile, body.sk-soft .artcard,body.sk-soft .masthead__in,body.sk-soft .mainnav__in{ background:#eef1f6;border:0px solid transparent;border-radius:28px; box-shadow:6px 6px 14px rgba(163,177,198,.35),-6px -6px 14px rgba(255,255,255,.9);-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-soft .card:hover,body.sk-soft .catcard:hover, body.sk-soft .tile:hover,body.sk-soft .artcard:hover{box-shadow:10px 10px 24px rgba(163,177,198,.4),-10px -10px 24px rgba(255,255,255,.95)} body.sk-soft .btn,body.sk-soft .catrail__cta{border-radius:20px} body.sk-soft .section{padding:40px 0} body.sk-soft .section--soft > .wrap{padding:40px var(--band-pad)} /* ---------- Industrial : Condensed uppercase, square, dark bands, amber accent. ---------- */ body.sk-industrial{ --r-sm:0px; --r-md:2px; --r-lg:3px; --r-xl:4px; --sh-1:none; --sh-2:0 2px 0 rgba(0,0,0,.14); --sh-3:0 2px 0 rgba(0,0,0,.14); --spec:none; --g-fill:#fff; --g-fill-strong:#fff; --g-fill-faint:#fff; --g-edge:#c9ced6; --g-edge-soft:#c9ced6; --g-blur:none; --g-blur-lg:none; --skin-bw:1px; --skin-bc:#c9ced6; --skin-fill:#fff; --band-pad:20px; --ink:#1b1f24; --header-ink:#1b1f24; --hair:#c9ced6; --line:#c9ced6; --bg:#fff; --card:#fff; --bg-soft:#eceef1; --hdr:#fff; font-family:"Barlow",system-ui,sans-serif; background:#eceef1; color:#1b1f24; } body.sk-industrial h1,body.sk-industrial h2,body.sk-industrial h3, body.sk-industrial .section__head h2,body.sk-industrial .slide__card h1{ font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.01em; } body.sk-industrial .eyebrow,body.sk-industrial .mono,body.sk-industrial .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-industrial .card,body.sk-industrial .catcard,body.sk-industrial .tile, body.sk-industrial .artcard,body.sk-industrial .masthead__in,body.sk-industrial .mainnav__in{ background:#fff;border:1px solid #c9ced6;border-radius:3px; box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-industrial .card:hover,body.sk-industrial .catcard:hover, body.sk-industrial .tile:hover,body.sk-industrial .artcard:hover{box-shadow:0 2px 0 rgba(0,0,0,.14)} body.sk-industrial .btn,body.sk-industrial .catrail__cta{border-radius:2px} body.sk-industrial .section{padding:32px 0} body.sk-industrial .section--soft > .wrap{padding:32px var(--band-pad)} /* ---------- Warm Retail : Friendly, rounded, warm neutrals, gentle depth. ---------- */ body.sk-retail{ --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:24px; --sh-1:0 1px 3px rgba(60,40,20,.06),0 8px 20px rgba(60,40,20,.07); --sh-2:0 3px 8px rgba(60,40,20,.08),0 16px 34px rgba(60,40,20,.10); --sh-3:0 3px 8px rgba(60,40,20,.08),0 16px 34px rgba(60,40,20,.10); --spec:none; --g-fill:#fff; --g-fill-strong:#fff; --g-fill-faint:#fff; --g-edge:#eee2d4; --g-edge-soft:#eee2d4; --g-blur:none; --g-blur-lg:none; --skin-bw:1px; --skin-bc:#eee2d4; --skin-fill:#fff; --band-pad:22px; --ink:#2b2521; --header-ink:#2b2521; --hair:#eee2d4; --line:#eee2d4; --bg:#fff; --card:#fff; --bg-soft:#fbf7f2; --hdr:#fff; font-family:"DM Sans",system-ui,sans-serif; background:#fbf7f2; color:#2b2521; } body.sk-retail h1,body.sk-retail h2,body.sk-retail h3, body.sk-retail .section__head h2,body.sk-retail .slide__card h1{ font-family:"Rubik",system-ui,sans-serif;font-weight:700;letter-spacing:-.018em; } body.sk-retail .eyebrow,body.sk-retail .mono,body.sk-retail .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-retail .card,body.sk-retail .catcard,body.sk-retail .tile, body.sk-retail .artcard,body.sk-retail .masthead__in,body.sk-retail .mainnav__in{ background:#fff;border:1px solid #eee2d4;border-radius:18px; box-shadow:0 1px 3px rgba(60,40,20,.06),0 8px 20px rgba(60,40,20,.07);-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-retail .card:hover,body.sk-retail .catcard:hover, body.sk-retail .tile:hover,body.sk-retail .artcard:hover{box-shadow:0 3px 8px rgba(60,40,20,.08),0 16px 34px rgba(60,40,20,.10)} body.sk-retail .btn,body.sk-retail .catrail__cta{border-radius:12px} body.sk-retail .section{padding:38px 0} body.sk-retail .section--soft > .wrap{padding:38px var(--band-pad)} /* ---------- Corporate Navy : Conservative, small radius, restrained depth. ---------- */ body.sk-corporate{ --r-sm:3px; --r-md:5px; --r-lg:7px; --r-xl:9px; --sh-1:0 1px 2px rgba(20,35,60,.08); --sh-2:0 2px 6px rgba(20,35,60,.10); --sh-3:0 2px 6px rgba(20,35,60,.10); --spec:none; --g-fill:#fff; --g-fill-strong:#fff; --g-fill-faint:#fff; --g-edge:#d5dce5; --g-edge-soft:#d5dce5; --g-blur:none; --g-blur-lg:none; --skin-bw:1px; --skin-bc:#d5dce5; --skin-fill:#fff; --band-pad:22px; --ink:#16233a; --header-ink:#16233a; --hair:#d5dce5; --line:#d5dce5; --bg:#fff; --card:#fff; --bg-soft:#f4f6f9; --hdr:#fff; font-family:"Lato",system-ui,sans-serif; background:#f4f6f9; color:#16233a; } body.sk-corporate h1,body.sk-corporate h2,body.sk-corporate h3, body.sk-corporate .section__head h2,body.sk-corporate .slide__card h1{ font-family:"Source Sans 3",system-ui,sans-serif;font-weight:700;letter-spacing:-.005em; } body.sk-corporate .eyebrow,body.sk-corporate .mono,body.sk-corporate .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-corporate .card,body.sk-corporate .catcard,body.sk-corporate .tile, body.sk-corporate .artcard,body.sk-corporate .masthead__in,body.sk-corporate .mainnav__in{ background:#fff;border:1px solid #d5dce5;border-radius:7px; box-shadow:0 1px 2px rgba(20,35,60,.08);-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-corporate .card:hover,body.sk-corporate .catcard:hover, body.sk-corporate .tile:hover,body.sk-corporate .artcard:hover{box-shadow:0 2px 6px rgba(20,35,60,.10)} body.sk-corporate .btn,body.sk-corporate .catrail__cta{border-radius:5px} body.sk-corporate .section{padding:34px 0} body.sk-corporate .section--soft > .wrap{padding:34px var(--band-pad)} /* ---------- Mono Tech : Monospace throughout, dark surfaces, terminal feel. ---------- */ body.sk-mono{ --r-sm:4px; --r-md:6px; --r-lg:8px; --r-xl:10px; --sh-1:none; --sh-2:0 0 0 1px rgba(255,255,255,.06); --sh-3:0 0 0 1px rgba(255,255,255,.06); --spec:none; --g-fill:#161b22; --g-fill-strong:#161b22; --g-fill-faint:#161b22; --g-edge:#2a3340; --g-edge-soft:#2a3340; --g-blur:none; --g-blur-lg:none; --skin-bw:1px; --skin-bc:#2a3340; --skin-fill:#161b22; --band-pad:22px; --ink:#e6edf3; --header-ink:#e6edf3; --hair:#2a3340; --line:#2a3340; --bg:#161b22; --card:#161b22; --bg-soft:#0d1117; --hdr:#161b22; font-family:"Inter",system-ui,sans-serif; background:#0d1117; color:#e6edf3; } body.sk-mono h1,body.sk-mono h2,body.sk-mono h3, body.sk-mono .section__head h2,body.sk-mono .slide__card h1{ font-family:"JetBrains Mono",monospace;font-weight:700;letter-spacing:-.02em; } body.sk-mono .eyebrow,body.sk-mono .mono,body.sk-mono .catcard span{font-family:"JetBrains Mono",monospace} body.sk-mono .card,body.sk-mono .catcard,body.sk-mono .tile, body.sk-mono .artcard,body.sk-mono .masthead__in,body.sk-mono .mainnav__in{ background:#161b22;border:1px solid #2a3340;border-radius:8px; box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-mono .card:hover,body.sk-mono .catcard:hover, body.sk-mono .tile:hover,body.sk-mono .artcard:hover{box-shadow:0 0 0 1px rgba(255,255,255,.06)} body.sk-mono .btn,body.sk-mono .catrail__cta{border-radius:6px} body.sk-mono .section{padding:34px 0} body.sk-mono .section--soft > .wrap{padding:34px var(--band-pad)} /* ---------- Pastel Air : Very light, airy, high radius, soft tints. ---------- */ body.sk-pastel{ --r-sm:12px; --r-md:18px; --r-lg:26px; --r-xl:34px; --sh-1:0 2px 10px rgba(140,150,190,.10); --sh-2:0 8px 30px rgba(140,150,190,.16); --sh-3:0 8px 30px rgba(140,150,190,.16); --spec:none; --g-fill:#fff; --g-fill-strong:#fff; --g-fill-faint:#fff; --g-edge:#e9e6f7; --g-edge-soft:#e9e6f7; --g-blur:none; --g-blur-lg:none; --skin-bw:1px; --skin-bc:#e9e6f7; --skin-fill:#fff; --band-pad:26px; --ink:#3a3550; --header-ink:#3a3550; --hair:#e9e6f7; --line:#e9e6f7; --bg:#fff; --card:#fff; --bg-soft:#f7f5fd; --hdr:#fff; font-family:"Poppins",system-ui,sans-serif; background:#f7f5fd; color:#3a3550; } body.sk-pastel h1,body.sk-pastel h2,body.sk-pastel h3, body.sk-pastel .section__head h2,body.sk-pastel .slide__card h1{ font-family:"Quicksand",system-ui,sans-serif;font-weight:700;letter-spacing:-.01em; } body.sk-pastel .eyebrow,body.sk-pastel .mono,body.sk-pastel .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-pastel .card,body.sk-pastel .catcard,body.sk-pastel .tile, body.sk-pastel .artcard,body.sk-pastel .masthead__in,body.sk-pastel .mainnav__in{ background:#fff;border:1px solid #e9e6f7;border-radius:26px; box-shadow:0 2px 10px rgba(140,150,190,.10);-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-pastel .card:hover,body.sk-pastel .catcard:hover, body.sk-pastel .tile:hover,body.sk-pastel .artcard:hover{box-shadow:0 8px 30px rgba(140,150,190,.16)} body.sk-pastel .btn,body.sk-pastel .catrail__cta{border-radius:18px} body.sk-pastel .section{padding:46px 0} body.sk-pastel .section--soft > .wrap{padding:46px var(--band-pad)} /* ---------- Newsprint : Paper stock, serif body, tight leading, hairlines. ---------- */ body.sk-newsprint{ --r-sm:0px; --r-md:1px; --r-lg:2px; --r-xl:2px; --sh-1:none; --sh-2:none; --sh-3:none; --spec:none; --g-fill:#fcfaf5; --g-fill-strong:#fcfaf5; --g-fill-faint:#fcfaf5; --g-edge:#d8d3c8; --g-edge-soft:#d8d3c8; --g-blur:none; --g-blur-lg:none; --skin-bw:1px; --skin-bc:#d8d3c8; --skin-fill:#fcfaf5; --band-pad:24px; --ink:#1e1c19; --header-ink:#1e1c19; --hair:#d8d3c8; --line:#d8d3c8; --bg:#fcfaf5; --card:#fcfaf5; --bg-soft:#f2efe7; --hdr:#fcfaf5; font-family:"Libre Baskerville",Georgia,serif; background:#f2efe7; color:#1e1c19; } body.sk-newsprint h1,body.sk-newsprint h2,body.sk-newsprint h3, body.sk-newsprint .section__head h2,body.sk-newsprint .slide__card h1{ font-family:"Archivo",system-ui,sans-serif;font-weight:700;letter-spacing:-.02em; } body.sk-newsprint .eyebrow,body.sk-newsprint .mono,body.sk-newsprint .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-newsprint .card,body.sk-newsprint .catcard,body.sk-newsprint .tile, body.sk-newsprint .artcard,body.sk-newsprint .masthead__in,body.sk-newsprint .mainnav__in{ background:#fcfaf5;border:1px solid #d8d3c8;border-radius:2px; box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-newsprint .card:hover,body.sk-newsprint .catcard:hover, body.sk-newsprint .tile:hover,body.sk-newsprint .artcard:hover{box-shadow:none} body.sk-newsprint .btn,body.sk-newsprint .catrail__cta{border-radius:1px} body.sk-newsprint .section{padding:36px 0} body.sk-newsprint .section--soft > .wrap{padding:36px var(--band-pad)} /* ---------- Neo Contrast : Huge tight headings, near-black on white, minimal chrome. ---------- */ body.sk-contrast{ --r-sm:2px; --r-md:4px; --r-lg:6px; --r-xl:8px; --sh-1:none; --sh-2:0 1px 0 #111; --sh-3:0 1px 0 #111; --spec:none; --g-fill:#fff; --g-fill-strong:#fff; --g-fill-faint:#fff; --g-edge:#111; --g-edge-soft:#111; --g-blur:none; --g-blur-lg:none; --skin-bw:1.5px; --skin-bc:#111; --skin-fill:#fff; --band-pad:24px; --ink:#0a0a0a; --header-ink:#0a0a0a; --hair:#111; --line:#111; --bg:#fff; --card:#fff; --bg-soft:#fff; --hdr:#fff; font-family:"Inter",system-ui,sans-serif; background:#fff; color:#0a0a0a; } body.sk-contrast h1,body.sk-contrast h2,body.sk-contrast h3, body.sk-contrast .section__head h2,body.sk-contrast .slide__card h1{ font-family:"Archivo",system-ui,sans-serif;font-weight:900;letter-spacing:-.04em; } body.sk-contrast .eyebrow,body.sk-contrast .mono,body.sk-contrast .catcard span{font-family:"IBM Plex Mono",monospace} body.sk-contrast .card,body.sk-contrast .catcard,body.sk-contrast .tile, body.sk-contrast .artcard,body.sk-contrast .masthead__in,body.sk-contrast .mainnav__in{ background:#fff;border:1.5px solid #111;border-radius:6px; box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none; } body.sk-contrast .card:hover,body.sk-contrast .catcard:hover, body.sk-contrast .tile:hover,body.sk-contrast .artcard:hover{box-shadow:0 1px 0 #111} body.sk-contrast .btn,body.sk-contrast .catrail__cta{border-radius:4px} body.sk-contrast .section{padding:42px 0} body.sk-contrast .section--soft > .wrap{padding:42px var(--band-pad)} /* ---- per-skin character: the bits a token swap alone cannot express ---- */ /* Swiss: rules instead of cards, nothing floats */ body.sk-swiss .catcard,body.sk-swiss .card,body.sk-swiss .artcard{box-shadow:none;border-width:0;border-top:2px solid #111;border-radius:0} body.sk-swiss .catcard:hover,body.sk-swiss .tile:hover,body.sk-swiss .artcard:hover{transform:none;box-shadow:none} body.sk-swiss .masthead__in,body.sk-swiss .mainnav__in{border:0;border-bottom:1px solid #111;box-shadow:none;border-radius:0} body.sk-swiss .eyebrow{text-transform:uppercase;letter-spacing:.22em} /* Editorial: hairline dividers, no card fills, roomy */ body.sk-editorial .catcard,body.sk-editorial .artcard{background:none;border:0;border-top:1px solid #ddd6c9;box-shadow:none;border-radius:0;padding-left:0;padding-right:0} body.sk-editorial .catcard:hover,body.sk-editorial .artcard:hover{transform:none;box-shadow:none} body.sk-editorial .section__head h2{font-size:clamp(30px,4vw,46px);line-height:1.04} body.sk-editorial .masthead__in{border:0;border-bottom:1px solid #e2ded6;box-shadow:none;border-radius:0} /* Brutalist: hard offset shadow, nothing soft */ body.sk-brutal .catcard:hover,body.sk-brutal .tile:hover,body.sk-brutal .artcard:hover{transform:translate(-2px,-2px)} body.sk-brutal .btn{border:2.5px solid #111;box-shadow:3px 3px 0 #111;border-radius:0} body.sk-brutal .eyebrow{background:#111;color:#fff;border:0;border-radius:0;padding:3px 9px} body.sk-brutal .section__head h2{text-transform:uppercase} /* Soft UI: no borders at all, everything moulded */ body.sk-soft .catcard,body.sk-soft .card,body.sk-soft .tile,body.sk-soft .artcard{border:0} body.sk-soft .btn{box-shadow:5px 5px 12px rgba(163,177,198,.4),-5px -5px 12px rgba(255,255,255,.9);border:0} /* Industrial: uppercase condensed headings, tight grid lines */ body.sk-industrial .section__head h2{text-transform:uppercase;letter-spacing:.02em} body.sk-industrial .eyebrow{text-transform:uppercase;letter-spacing:.2em;border-radius:0} body.sk-industrial .catcard{border-left:3px solid var(--accent)} body.sk-industrial .btn{border-radius:2px;text-transform:uppercase;letter-spacing:.05em} /* Mono Tech: dark page, light text, hairline chrome */ body.sk-mono{background:#0d1117;color:#e6edf3} body.sk-mono .section--soft{background:#11161d} body.sk-mono .sitefoot,body.sk-mono .logostrip{background:#11161d} body.sk-mono .section__head h2,body.sk-mono h1,body.sk-mono h2,body.sk-mono h3{color:#e6edf3} body.sk-mono p,body.sk-mono .catcard p,body.sk-mono .tile__part{color:#93a1b1} body.sk-mono .catcard h3,body.sk-mono .tile__name{color:#e6edf3} body.sk-mono .eyebrow{background:#161b22;border:1px solid #2a3340;color:#7ee787} /* Newsprint: serif body, tight leading, rules */ body.sk-newsprint p{line-height:1.5} body.sk-newsprint .catcard,body.sk-newsprint .artcard{background:none;border:0;border-bottom:1px solid #d8d3c8;box-shadow:none;border-radius:0} body.sk-newsprint .catcard:hover,body.sk-newsprint .artcard:hover{transform:none;box-shadow:none} body.sk-newsprint .eyebrow{border-radius:0;background:none;border:0;border-bottom:2px solid #1e1c19;padding:0 0 3px} /* Neo Contrast: oversized headings, minimal chrome */ body.sk-contrast .section__head h2{font-size:clamp(34px,5vw,62px);line-height:.98} body.sk-contrast .catcard,body.sk-contrast .artcard{box-shadow:none;border:1.5px solid #111} body.sk-contrast .catcard:hover,body.sk-contrast .artcard:hover{background:#111;color:#fff} body.sk-contrast .catcard:hover h3,body.sk-contrast .catcard:hover p{color:#fff} body.sk-contrast .btn{border-radius:0;border:1.5px solid #111} /* the two card styles a skin can ask for that are not in the card-style list */ body[class*="sk-"] .catcard--auto.catcard--plainish::before{display:none}