/* ============================================================================ NIGHT MODE — GENERATED FILE, do not edit by hand. The exact RGB inverse of every color in style.css + pages.css, applied while carries the .night class (set by night.js after local sunset). Regenerate with the gen_night script whenever either stylesheet changes. Samples-slide rules are excluded: the reel's pixels are baked dark, so that slide keeps its true colors at night (see exceptions). ============================================================================ */ html.night { color-scheme: dark; } /* ---- inverted from style.css ---- */ html.night { --color-ink: #efefef; --color-line: #171717; --color-bg: #101010; } html.night .preloader::after { background: linear-gradient(to bottom, rgba(239, 239, 239, 0.12), rgba(239, 239, 239, 0)); } html.night .nav--dark { background: #efefef; border-bottom-color: #c3c3c3; } html.night .nav--dark .nav__brand, html.night .nav--dark .nav__indicator { color: #101010; } html.night .slide__title { color: #ffffff; } html.night .approach__lead { color: #ffffff; } html.night .approach__num { color: #ffffff; } html.night .approach__body { color: #8d8d8d; } html.night .scard { background: linear-gradient(180deg, #101010 0%, #161616 100%); } html.night .scard__list li { background: #101010; } html.night .scard__desc { color: #8d8d8d; } html.night .scard__cta { border: 1px solid #8d8d8d; background: #161616; } html.night .scard__cta:hover { background: #efefef; border-color: #efefef; color: #101010; } html.night .process__num { color: #171717; } html.night .process__items { color: #c3c3c3; } html.night .pcard__credit { background: #141414; color: #c3c3c3; } html.night .pcard { background: linear-gradient(180deg, #101010 0%, #161616 100%); } html.night .pcard__tag { color: #838383; } html.night .pcard__row { background: #101010; } html.night .pcard__price { background: #101010; } html.night .pcard__desc { color: #c3c3c3; } html.night .pcard__cta { color: #101010; } html.night .slide--contact { background: #efefef; } html.night .slide--contact .slide__title { color: #101010; } html.night .sfoot__col-title { color: #101010; } html.night .sfoot__col a { color: #8d8d8d; } html.night .sfoot__col a:hover { color: #101010; } html.night .optics-bookend--dim { color: #dfdfdf; } @media (hover: none) and (pointer: coarse) { html.night .slide[data-theme='dark'] { border-bottom-color: #c3c3c3; } } /* ---- inverted from pages.css ---- */ html.night .nav--dark .nav__booking { color: #101010; } html.night .phero__kicker { color: #838383; } html.night .phero__lead { color: #8d8d8d; } html.night .pbody { color: #8d8d8d; } html.night .prow__desc { color: #8d8d8d; } html.night .pstep__items { color: #8d8d8d; } html.night .ptier { background: linear-gradient(180deg, #101010 0%, #161616 100%); } html.night .ptier__tag { color: #838383; } html.night .ptier__row { background: #101010; } html.night .ptier__price { background: #101010; } html.night .ptier__desc { color: #8d8d8d; } html.night .ptier__cta { background: #efefef; color: #101010; } html.night .ptier__cta:hover { background: #c3c3c3; } html.night .faq__a { color: #8d8d8d; } html.night .prefoot { background: #161616; } html.night .prefoot .scard { background: #101010; } html.night .prefoot .scard__cta { background: #101010; } html.night .prefoot .scard__cta:hover { background: #efefef; } html.night .plegal__updated { color: #838383; } html.night .plegal__item p, html.night .plegal__item ul { color: #8d8d8d; } html.night .plegal-contact__body { color: #c3c3c3; } html.night .pfoot { background: #efefef; } html.night .pfoot .slide__title { color: #101010; } html.night .jrow__excerpt p { color: #8d8d8d; } /* ---------------------------------------------------------------------------- Exceptions. · Samples (04) keeps its true dark colors (the reel's pixels can't invert), so its nav variant stays dark too. · The slides drawer keeps its day-mode dark chrome (rules excluded above). · Ghost process numerals: the literal inverse (#171717 on black) reads far weaker than #e8e8e8 does on white — dark deltas are perceptually compressed — so they get a boosted #4a4a4a at night. · Cast shadows (.pfoot::before on pages, .slide + .slide::before on the deck): a shadow's inverse is a glow, so rather than invert them we drop them — night surfaces need no shadow to separate from what they slide over. ---------------------------------------------------------------------------- */ html.night .nav--dark[data-slide="samples"] { background: #101010; border-bottom-color: #333333; } html.night .nav--dark[data-slide="samples"] .nav__brand, html.night .nav--dark[data-slide="samples"] .nav__indicator { color: #ffffff; } html.night .process__num, html.night .pnum-ghost { color: #4a4a4a; } html.night .pfoot::before, html.night .slide + .slide::before { background: none; }