/* Hero colour trials for the new logo (9 Oct 2026). index.html?hero=<name> picks one;
   the default (no param) is still the night sky. The new logo goes in the header with any ?hero. */
html[data-hero] .hdr__logo{width:11em;filter:none}
html[data-hero] .hero--night{color:var(--ink)}
html[data-hero] .hero--night .hero__title,html[data-hero] .hero--night .hero__p{color:var(--ink)}
html[data-hero] .hero--night .hero__note{color:var(--violet)}
html[data-hero] .night__star,html[data-hero] .night__shoot,html[data-hero] .night__cloud{display:none}
html[data-hero] .night__moon{opacity:.55;background:radial-gradient(circle at 35% 35%,#fff7da 0%,#ffe48a 55%,#ffd54f 100%);box-shadow:0 0 120px #ffd54f55}
html[data-hero] .hero--night .btn.is-white{--bc:var(--ink);--bt:var(--white)}

/* 1 cream */
html[data-hero=cream] .hero--night{background:linear-gradient(180deg,#fffaf0 0%,#fef3e0 100%)}
html[data-hero=cream] .night__hill.h1 path{fill:#e6dcff}html[data-hero=cream] .night__hill.h2 path{fill:#cdbdfb}html[data-hero=cream] .night__hill.h3 path{fill:#b3a0f5}
/* 2 lavender dawn */
html[data-hero=lavender] .hero--night{background:linear-gradient(180deg,#f6f2ff 0%,#e4daff 100%)}
html[data-hero=lavender] .night__hill.h1 path{fill:#d2c4ff}html[data-hero=lavender] .night__hill.h2 path{fill:#b9a5fb}html[data-hero=lavender] .night__hill.h3 path{fill:#9d86f2}
/* 3 sky day */
html[data-hero=sky] .hero--night{background:linear-gradient(180deg,#eef9ff 0%,#cdeeff 100%)}
html[data-hero=sky] .night__hill.h1 path{fill:#ffffff}html[data-hero=sky] .night__hill.h2 path{fill:#e3d9ff}html[data-hero=sky] .night__hill.h3 path{fill:#c4b4fb}
/* 4 peach sunset */
html[data-hero=peach] .hero--night{background:linear-gradient(180deg,#fff6ee 0%,#ffdcc8 100%)}
html[data-hero=peach] .night__hill.h1 path{fill:#ffc9d9}html[data-hero=peach] .night__hill.h2 path{fill:#d9c6ff}html[data-hero=peach] .night__hill.h3 path{fill:#b7a2f7}
/* 5 mint */
html[data-hero=mint] .hero--night{background:linear-gradient(180deg,#f0fcf7 0%,#cff3e3 100%)}
html[data-hero=mint] .night__hill.h1 path{fill:#b7ebd6}html[data-hero=mint] .night__hill.h2 path{fill:#cfc2ff}html[data-hero=mint] .night__hill.h3 path{fill:#a995f4}
/* 6 soft pink */
html[data-hero=pink] .hero--night{background:linear-gradient(180deg,#fff4f9 0%,#ffdcec 100%)}
html[data-hero=pink] .night__hill.h1 path{fill:#ffc4dd}html[data-hero=pink] .night__hill.h2 path{fill:#dccbff}html[data-hero=pink] .night__hill.h3 path{fill:#b9a4f7}
/* 7 twilight: a lighter purple sky that keeps the evening feel; light text */
html[data-hero=twilight] .hero--night{background:linear-gradient(180deg,#8f7fe0 0%,#b9a8f5 55%,#f3d9f0 100%);color:#fff}
html[data-hero=twilight] .hero--night .hero__title,html[data-hero=twilight] .hero--night .hero__p{color:#fff}
html[data-hero=twilight] .night__star{display:block}
html[data-hero=twilight] .night__hill.h1 path{fill:#e9defd}html[data-hero=twilight] .night__hill.h2 path{fill:#cdbdfb}html[data-hero=twilight] .night__hill.h3 path{fill:#a995f4}
/* the intro's second blob lands on the hero colour */
html[data-hero=cream] .intro__blob i:nth-child(2){--c:#fef3e0 !important}
html[data-hero=lavender] .intro__blob i:nth-child(2){--c:#e4daff !important}
html[data-hero=sky] .intro__blob i:nth-child(2){--c:#cdeeff !important}
html[data-hero=peach] .intro__blob i:nth-child(2){--c:#ffdcc8 !important}
html[data-hero=mint] .intro__blob i:nth-child(2){--c:#cff3e3 !important}
html[data-hero=pink] .intro__blob i:nth-child(2){--c:#ffdcec !important}
html[data-hero=twilight] .intro__blob i:nth-child(2){--c:#b9a8f5 !important}