/* =====================================================================================================
   DASTAN BTP · PALETA A „Nuit & Pierre” (Noc i kamień) — WYBÓR DANIELA 01.10.2026: jego „2” z arkuszy dekoratora
   (pierwszy arkusz był obecnym wyglądem, więc „2” to A), „mi najlepiej siadło, że czarny napis i złoty”.
   Projekt: dekorator (D:\CLAUDE CODE\dekorator_3009\PALETY.md, paleta_A.css). Strony 2 i 3 w lace nocy: to samo niebo
   co nad willą, o ton głębsze, złoto świeci na nim jak światło. Niżej dzień: wapno (Blanc de chaux) i kamień paryski
   (Pierre de Paris) na zmianę, tytuły czarną laką, słowa pisane starym złotem, przyciski czarno-złote, złota nić
   na łączeniach. Sceny ciemne (metoda, wizyta, stopka, menu) w tej samej lace nocy, w aksamicie (na końcu pliku).
   Ostatni arkusz strony (po dużym <style> w index.html), era.css bez zmian. Pasek górny: js/era.js, motywy()
   (koło z kompasem i scena 3 = ciemny pasek, drugie koło z wapna = jasny).
   ===================================================================================================== */
:root{
  /* paleta */
  --pal-noc:#121A29;    --pal-noc-rgb:18,26,41;       /* Laque de minuit — lakier nocy */
  --pal-chaux:#F6F5F1;  --pal-chaux-rgb:246,245,241;  /* Blanc de chaux — biel wapienna */
  --pal-pierre:#E8E4DC; --pal-pierre-rgb:232,228,220; /* Pierre de Paris — wapień paryski */
  --pal-laque:#15171B;  --pal-laque-rgb:21,23,27;     /* Laque noire — czarna laka */
  --pal-ardoise:#53575E;                              /* Gris ardoise — szary łupek */
  --pal-or:#E5C277;     --pal-or-rgb:229,194,119;     /* Or lumière — złoto jak światło */
  --pal-or-v:#7F5E1C;                                 /* Or vieilli — stare złoto (na jasnym) */
  /* zmienne strony */
  --e-paper:var(--pal-chaux); --e-paper-rgb:var(--pal-chaux-rgb);
  --e-stone:var(--pal-pierre); --e-stone-rgb:var(--pal-pierre-rgb);
  --e-graf:var(--pal-noc); --e-graf-rgb:var(--pal-noc-rgb); --e-graf-2:#0D1320;
  --e-ink:var(--pal-laque); --e-ink-rgb:var(--pal-laque-rgb); --e-ink-2:var(--pal-ardoise);
  --e-gold:#C9A447; --e-gold-l:var(--pal-or); --e-gold-d:var(--pal-or-v);
  --e-line:rgba(21,23,27,.14); --e-line-l:rgba(246,245,241,.2);
  --e-shade-rgb:9,13,22;
  --e-focus:0 0 0 2px var(--e-paper),0 0 0 4px var(--e-gold-d);
  --olowek:rgba(20,16,10,.5);
}
/* tytuły: na jasnym czarna laka (złoto na jasnym tle ciemnieje do brązu), słowa pisane starym złotem; na nocy jasne 24K */
html.era{
  /* 01.10 wieczór: folia z obrazu (te same przystanki + szlif metalu), dawniej gradienty:
     jasne 177deg #FFF6D4…#7B5316, stare 177deg #BE9744…#6F5116 */
  --pal-z24-jasne:url(/img/era/zloto-24k.webp);
  --pal-z24-stare:url(/img/era/zloto-na-jasne.webp);   /* nasycone złoto, nie brąz */
  /* 01.10 wieczór · tytuły czarną laką zwykłym kolorem liter (--z24-lit), nie gradientem: Samsung w trybie ciemnym odwraca
     ciemne litery na białe, a gradient zostawiał czarny na czarnym. W jasnym wygląd identyczny */
  --z24:none;--z24-lit:var(--pal-laque);
}
html.era .e-s,html.era .e-t em,html.era .e-docs_s{--z24:var(--pal-z24-stare);--z24-lit:transparent}
html.era :is(.e-pre,.e-hero,[data-bg="dark"],#process,#rdv,.e-foot,.e-menu,.e-prem,.e-vip,.e-arch,.e-hz_loc,.e-quote,.e-cs-kompas,.e-grow),
html.era :is(.e-pre,.e-hero,[data-bg="dark"],#process,#rdv,.e-foot,.e-menu,.e-prem,.e-vip,.e-arch,.e-hz_loc,.e-quote,.e-cs-kompas,.e-grow) :is(.e-s,.e-t em){--z24:var(--pal-z24-jasne);--z24-lit:transparent}
/* h2 sekcji z danymi: tytuł laką, słowo pisane (em) starym złotem */
html.era :is(#anat,#projets,#avap,#estimation,#contact) h2 em,html.era :is(#anat,#projets,#avap,#estimation,#contact) h2 em.c{background:var(--pal-z24-stare)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}

/* ---------- STRONA 2: koło z kompasem w lace nocy, złoty brzeg jak światło na krawędzi ---------- */
html.era .e-cs-kompas .e-cs_disc{background:radial-gradient(closest-side,#1A2538 0%,#141D2E 55%,#111827 100%);box-shadow:inset 0 0 0 1.5px rgba(var(--pal-or-rgb),.62)}
html.era .e-cs-kompas,html.era .e-grow{--e-ink:var(--pal-chaux);--e-ink-rgb:var(--pal-chaux-rgb);--e-ink-2:rgba(246,245,241,.72);--e-gold-d:var(--pal-or);--e-line:rgba(var(--pal-or-rgb),.34)}
html.era .e-cs-kompas .e-cs_arc text{fill:#E8C87E;stroke:rgba(8,10,16,.55);stroke-width:.7px}
html.era .e-cs-kompas .e-kp b{background:linear-gradient(180deg,#FFF1C6 0%,#EDCB7A 48%,#C99A3E 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}
html.era .e-cs-kompas .e-cs_line{background:linear-gradient(180deg,rgba(var(--pal-or-rgb),.6),rgba(var(--pal-or-rgb),0))}
html.era .e-cs-kompas .e-kompas3d canvas,html.era .e-cs-kompas .e-kompas3d_zap{filter:drop-shadow(0 18px 30px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(var(--pal-or-rgb),.12))}
/* drugie koło (wapno) wschodzi nad nocą metody z tym samym złotym brzegiem */
html.era .e-cs.paper .e-cs_disc{box-shadow:inset 0 0 0 1.5px rgba(201,164,71,.75)}

/* ---------- STRONA 3: ta sama noc, zdjęcie basenu rośnie jak zapalone okno ---------- */
html.era .e-grow,html.era .e-grow_st{background:var(--pal-noc)}
html.era .e-grow_st{background:radial-gradient(84vmax circle at 50% 50%,#1A2538 0%,#141D2E 55%,#111827 100%)}
html.era .e-grow_cap{color:var(--pal-or)!important}
html.era .e-grow_p .e-u{color:var(--pal-or)}
html.era .e-grow_p .e-p{color:rgba(var(--pal-chaux-rgb),.72)}

/* ---------- pasek górny nad jasnymi sekcjami: zasłona bierze kolor spod spodu (bez jasnego pasa nad kamieniem) ---------- */
/* 01.10 · Daniel: „zasłania górny pasek, rozmazuje obraz” — jasna zasłona bez rozmycia (backdrop-filter), za to gęstsza,
   kolor pośrodku między wapnem a kamieniem (na obu prawie niewidoczny pas) */
html.era body>header.e-head::after{background:linear-gradient(180deg,rgba(239,237,231,.94) 0%,rgba(239,237,231,.8) 52%,rgba(239,237,231,0) 100%);-webkit-backdrop-filter:none;backdrop-filter:none}
html.era body>header.e-head.pas-szklo:not(.theme_on-light):not(.k-mix)::before{background:linear-gradient(180deg,rgba(var(--pal-noc-rgb),.95) 0%,rgba(var(--pal-noc-rgb),.86) 58%,rgba(var(--pal-noc-rgb),0) 100%)}

/* ---------- rytm jasnych sekcji: wapno / kamień na zmianę ---------- */
/* wapno: tor Paryż–Wybrzeże, DB16, drugie koło + kolaż + dwa kadry, rejestr, projekty, wycena, kontakt */
html.era .metiers{background:var(--pal-chaux)}
/* kamień: dokumenty, anatomia, galeria (białe odbitki na kamieniu), okno usługi, kurtyna galerii */
html.era .e-docs{background:var(--pal-pierre);--dk-ink:var(--pal-laque);--dk-i2:#4E525A;--dk-gold:#B8923F;--dk-gt:var(--pal-or-v)}
html.era .anat,html.era .galerie{background:var(--pal-pierre)}
html.era #masonry .ph{background:#FCFBF8}
/* złota nić na łączeniach sekcji (Daniel lubił złote przejścia) */
html.era main>section:is(.e-docs,.metiers,.e-reg,.anat,.projets,.galerie,.estim,.contact)::before{display:block!important;content:'';position:absolute;left:0;right:0;top:0;height:1px;z-index:6;pointer-events:none;transform:none;opacity:1;
  background:linear-gradient(90deg,rgba(201,164,71,0) 0%,rgba(201,164,71,.55) 26%,rgba(var(--pal-or-rgb),1) 50%,rgba(201,164,71,.55) 74%,rgba(201,164,71,0) 100%)}

/* ---------- akcenty na jasnym ---------- */
html.era #tiles .tile .kod,html.era .proj .info .lbl,html.era .anat .tag .n,html.era .anat .list .n,html.era .es-rates tr.rg th{color:var(--pal-or-v)}
html.era #tiles .tile_typ,html.era #pfig .tile_typ{background:var(--pal-pierre)}
html.era .filters button[aria-pressed="true"]{background:var(--pal-laque);border-color:var(--pal-laque);color:var(--pal-or)}
/* przyciski czarno-złote: czarna laka, złoty napis; po najechaniu złoto z czarnym napisem */
html.era .pill.solid,html.era .contact .pill.solid,html.era .light .pill.solid,html.era .es-form .pill.solid,html.era :is(#estimation,#contact) .pill.solid,html.era .panel .pf .pill.solid{background:var(--pal-laque);border-color:var(--pal-laque);color:var(--pal-or);box-shadow:inset 0 0 0 1px rgba(var(--pal-or-rgb),.45)}
html.era .pill.solid:hover,html.era .contact .pill.solid:hover,html.era .light .pill.solid:hover,html.era .es-form .pill.solid:hover,html.era :is(#estimation,#contact) .pill.solid:hover{background:var(--pal-or);border-color:var(--pal-or);color:var(--pal-laque)}

/* ---------- plansze Paryż / Wybrzeże w torze: ta sama noc zamiast brązowej czerni ---------- */
html.era .e-hz_loc{background:radial-gradient(70% 75% at 66% 54%,#1B2538 0%,#111827 52%,#0A0F1A 100%)}
html.era .e-hz_loc .e-map .e-map_lad,html.era .e-hz_loc .e-map .e-map_wyspa{fill:#0E1522}
html.era .e-hz_loc .e-map .e-pin i{box-shadow:0 0 0 3px #0B111C,0 0 14px rgba(233,190,80,.65)}

/* ---------- aksamit na nocy — Daniel 01.10 wybrał z porównania („ten środkowy… zajebisty jest”). Wzór z jego próbek
   aksamitu Casamance Manade (Bleu roi, Gris fusain): miękkie plamy połysku runa + drobne ziarno i płócienny podkład; kolory
   zostają nocne. Nakładki RGBA (kość słoniowa rozjaśnia, czerń przyciemnia): runo 240 px CSS, połysk 1024 px (niewspółmierne,
   powtórzeń nie widać). Tylko nocne powierzchnie A: scena 3, metoda, noc pod drugim kołem, wizyta, stopka, menu, czerń za
   zamkniętą bramą, tarcza kompasu i plansze Paryż/Wybrzeże (gradient zostaje pod runem). Jasne sekcje gładkie.
   Kafle robi narzedzia/aksamit.py ---------- */
html.era :is(.e-grow,.process,.e-cs.paper,.rdv,footer,.e-foot,.e-menu_c,.e-foot_mrok){background-image:url(/img/era/aksamit-runo.webp),url(/img/era/aksamit-polysk.webp);background-size:240px 240px,1024px 1024px;background-repeat:repeat}
html.era .e-cs-kompas .e-cs_disc{background-image:url(/img/era/aksamit-runo.webp),url(/img/era/aksamit-polysk.webp),radial-gradient(closest-side,#1A2538 0%,#141D2E 55%,#111827 100%);background-size:240px 240px,1024px 1024px,auto;background-repeat:repeat,repeat,no-repeat}
html.era .e-grow_st{background-image:url(/img/era/aksamit-runo.webp),url(/img/era/aksamit-polysk.webp),radial-gradient(84vmax circle at 50% 50%,#1A2538 0%,#141D2E 55%,#111827 100%);background-size:240px 240px,1024px 1024px,auto;background-repeat:repeat,repeat,no-repeat}
html.era .e-hz_loc{background-image:url(/img/era/aksamit-runo.webp),url(/img/era/aksamit-polysk.webp),radial-gradient(70% 75% at 66% 54%,#1B2538 0%,#111827 52%,#0A0F1A 100%);background-size:240px 240px,1024px 1024px,auto;background-repeat:repeat,repeat,no-repeat}

/* 01.10 wieczór · złoto jak folia (Daniel: „kolory złote nie są super lux”): napisy złote z obrazu ze szlifem metalu zamiast
   gładkiego gradientu — 24K na ciemnych sekcjach, stare złoto na jasnych (narzedzia/zloto_folia.py). Obraz rozciągnięty na napis
   dokładnie jak gradient (100% × 100%); czarna laka tytułów zostaje gradientem (rozmiar nic jej nie zmienia) */
html.era :is(.e-t,.e-s,.e-t *,.e-s *,.e-docs_t,.e-docs_t *,.e-docs_s,.e-docs_s *,.tile .t b,#steps b,.e-hero_row>span[data-i],.e-hero_mot b,.e-dep small,.e-vip_rdv),
html.era :is(#anat,#projets,#avap,#estimation,#rdv,#contact) :is(h2,h2 em,h2 em.c){background-size:100% 100%!important;background-repeat:no-repeat!important}

/* 01.10 wieczór · telefon: podpis na granacie (Daniel: „DASTAN BTP i cały podpis to tragedia” na jasnym niebie; „24K i granat
   super”). Mocny granatowy welon pod podpisem, niżej odsłonięta willa i żywe niebo (zachód, okna, gwiazdy przy przewijaniu);
   hasła kremowe. Ten sam widok w trybie jasnym i ciemnym (ciemny gradient Samsung zostawia ciemnym). Komputer bez zmian */
@media (max-width:991px){
  html.era body .e-hero .e-hero_img::after{background:linear-gradient(180deg,rgba(13,19,32,.93) 0%,rgba(13,19,32,.86) 30%,rgba(13,19,32,.6) 47%,rgba(13,19,32,.18) 60%,rgba(13,19,32,0) 68%,rgba(var(--e-shade-rgb),.26) 100%)!important}
  html.era body .e-hero .e-hero_t .e-hero_k,html.era body .e-hero .e-hero_t .e-hero_k *{background-image:none!important;color:#F6F5F1!important;-webkit-text-fill-color:#F6F5F1!important;filter:none!important;-webkit-text-stroke:0!important}
  html.era body .e-hero .e-hero_row>span,html.era body .e-hero .e-hero_row .e-hero_mot b{background-image:none!important;color:#F6F5F1!important;-webkit-text-fill-color:#F6F5F1!important;-webkit-text-stroke:0!important;
    filter:drop-shadow(0 0 1px rgba(8,10,16,.9)) drop-shadow(0 1px 8px rgba(8,10,16,.55))!important}
  html.era body .e-hero .e-hero_row .e-hero_mot i{background:#E5C277!important}
  html.era body .e-hero :is(.e-hero_a,.e-hero_b,.e-hero_s){filter:drop-shadow(0 0 12px rgba(255,214,150,.22))!important}
}

/* 01.10 noc · silnik złota (js/zloto.js, Samsung): złote słowa jako SVG z gradientem folii — przemalowanie trybu ciemnego ich
   nie rusza (sonda na S25 Ultra, pole 14), folia z obrazu wychodziła brązem. Litery strony pod spodem przezroczyste (czytniki
   ekranu i zaznaczanie zostają); w trakcie animacji liter (podział SplitText) bliźniak ukryty, rysuje się po cofnięciu podziału.
   ?zloto=kontrola: bliźniaki czerwienią na zostawionych literach (sprawdzenie 1:1) */
/* tytuły dają potomkom odstęp 0,1 em i folię (.e-t *): bliźniak (pusty span z SVG w Shadow DOM) to pudełko 1×1 bez odstępów
   — to samo silnik wpisuje mu w style z !important; inaczej rozjeżdża się skala */
html:not(#z):not(#z):not(#z):not(#z) .zl-svg{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:none!important;transform:none!important;pointer-events:none;-webkit-user-select:none;user-select:none}
/* przyciski ze złotym tłem (p) i złote kreski (k): tło, obrys i napis przejmuje bliźniak SVG (Samsung odwracał złote tło w brąz) */
html.zl:not(#z):not(#z):not(#z):not(#z) .zl-p{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html.zl:not(#z):not(#z):not(#z):not(#z) .zl-k{background:transparent!important;background-image:none!important;box-shadow:none!important}
:is(.ruch-ln,.ruch-ln-mask,.split-line,.split-line-mask,.split-word,.split-char) .zl-svg{visibility:hidden}
html.zl:not(#z):not(#z):not(#z):not(#z) .zl-g,html.zl:not(#z):not(#z):not(#z):not(#z) .zl-g :not(.zl-svg):not(.zl-svg *){-webkit-text-fill-color:transparent!important;color:transparent!important;background-size:0 0!important;-webkit-text-stroke:0!important;text-shadow:none!important}
/* 01.10 noc · Samsung (klasa sam): złote litery zwykłym kolorem (#E5C277) na czarnych przyciskach i na nocy Samsung odwraca
   w brąz (sonda: #F0D492 → brąz, szampan #F7E3AE zostaje) → szampan #F9E8B8, ten sam w trybie jasnym i ciemnym.
   Od wykrywacza D (S25: działa) tylko w zapasowym trybie silnika (zl = trybu nie dało się wykryć); w jasnym znów złoto
   jak na Windowsie (Daniel: „tryb jasny prawie jak Windows”), w ciemnym złoto nocy z przedobrazu (warstwa fd) */
html.era.sam.zl :is(.pill.solid,.filters button[aria-pressed="true"],.e-grow_cap,.e-grow_p .e-u,#estimation .pill.solid,#contact .pill.solid):not(:hover){color:#F9E8B8!important}