/* Generated bundle. Edit source files listed in includes/front-asset-map.php, then rebuild. */

/* SOURCE: assets/css/background-system.css */
/* Z Serca Mazur — canonical page/background owner.
 * 3.76.0: every view shares Home's continuous teal field (glow, orbits, journey rail).
 * This file intentionally loads last and only owns page/section background continuity.
 */

/* ONE continuous teal field on every view. Sections may add transparent local light, never opaque bands. */
.mzs-page{
  background:
    radial-gradient(ellipse at 12% 7%,rgba(174,239,229,.065),transparent 27%),
    radial-gradient(ellipse at 86% 24%,rgba(240,198,111,.035),transparent 25%),
    radial-gradient(ellipse at 50% 62%,rgba(174,239,229,.025),transparent 30%),
    linear-gradient(180deg,#07383a 0%,#063436 28%,#043033 54%,#03282b 78%,#021f22 100%);
}
.mzs-page [data-mzs-view-content]{background:transparent}
.mzs-view-home .mzs-archive-section::after{display:none}

/* Late-page ornaments were visually cut by section edges. Keep them, but make them ambient. */
.mzs-view-home .mzs-contact::before,.mzs-view-home .mzs-contact::after,.mzs-view-home .mzs-footer::before{opacity:.34}
.mzs-view-home .mzs-experience .mzs-footer{
  background:linear-gradient(180deg,transparent 0,rgba(2,27,30,.22) 20%,rgba(2,27,30,.72) 58%,#021b1e 100%);
}

/* Internal openings sit on the same field: local light only, no separate dark band. */
.mzs-page:not(.mzs-view-home) :where(.mzs-public-hero,.mzs-ecosystem-hero,.mzs-hub-hero,.mzs-history-hero){
  background:radial-gradient(circle at 82% 18%,rgba(174,239,229,.07),transparent 30%);
}
.mzs-page:not(.mzs-view-home) .mzs-public-cta{
  background:radial-gradient(ellipse at 50% 100%,rgba(174,239,229,.08),transparent 55%);
  border-top:1px solid rgba(174,239,229,.08);
}
.mzs-page:not(.mzs-view-home) .mzs-experience .mzs-footer{
  background:linear-gradient(180deg,transparent 0,rgba(2,27,30,.22) 20%,rgba(2,27,30,.72) 58%,#021b1e 100%);
  border-top:1px solid rgba(174,239,229,.10);
}

/* Section seams are hairlines of light, not coloured blocks. */
.mzs-page:not(.mzs-view-home) :where(.mzs-public-section,.mzs-section,.mzs-history-chapter)::after{opacity:.26}
.mzs-page:not(.mzs-view-home) :where(.mzs-public-section,.mzs-section,.mzs-history-chapter)::before{opacity:.62}

/* Home decorative continuity: one page field is stronger than a new large circle on every section. */
.mzs-view-home .mzs-desktop-experience > .mzs-section::after{display:none}
.mzs-view-home .mzs-contact::after,.mzs-view-home .mzs-footer::before{display:none}

/* Final canvas ownership: no light strip after the footer. */
.mzs-page,.mzs-experience{background-color:#021b1e}

/* Card tokens for the teal canvas (formerly defined only by the paper theme). Glass surfaces let the field glow through. */
.mzs-page{
  --mzs-card:color-mix(in srgb,#07383a 58%,transparent);
  --mzs-card-strong:color-mix(in srgb,#0a4443 72%,transparent);
  --mzs-card-line:rgba(174,239,229,.16);
  --mzs-card-line-strong:rgba(174,239,229,.26);
}

/* Glass cards on internal views: the teal field and its light show through; hover lights the edge. */
.mzs-page:not(.mzs-view-home) :is(.mzs-web-tile,.mzs-owned-media-card,.mzs-owned-scope,.mzs-kb-card,.mzs-news-card:not(.is-text),.mzs-event-card>a,.mzs-offer-card,.mzs-place-card,.mzs-case-related-work-grid>a){
  background:linear-gradient(160deg,rgba(174,239,229,.075),rgba(7,56,58,.30) 42%,rgba(2,27,30,.20));
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border-color:rgba(174,239,229,.14);
  transition:border-color .25s ease,box-shadow .35s ease,transform .25s ease;
}
@media(hover:hover) and (pointer:fine){
  .mzs-page:not(.mzs-view-home) :is(.mzs-web-tile,.mzs-owned-media-card,.mzs-kb-card,.mzs-news-card:not(.is-text),.mzs-event-card>a,.mzs-offer-card,.mzs-place-card,.mzs-case-related-work-grid>a):hover{
    border-color:rgba(174,239,229,.32);
    box-shadow:0 0 0 1px rgba(174,239,229,.08),0 24px 64px -30px rgba(174,239,229,.38);
  }
}

/* 3.77.0 — „universe”: gwiazdy w dwóch planach i delikatna sieć połączeń na całej długości strony (statyczne, bez animacji). */
.mzs-ambient::before,.mzs-ambient::after{content:"";position:absolute;inset:0;pointer-events:none}
.mzs-ambient::before{
  opacity:.55;
  background-image:
    radial-gradient(1.3px 1.3px at 40px 60px,rgba(247,252,250,.9),transparent 70%),
    radial-gradient(1px 1px at 210px 140px,rgba(174,239,229,.85),transparent 70%),
    radial-gradient(1.5px 1.5px at 330px 40px,rgba(247,252,250,.75),transparent 70%),
    radial-gradient(1px 1px at 470px 260px,rgba(240,198,111,.85),transparent 70%),
    radial-gradient(1.1px 1.1px at 90px 330px,rgba(174,239,229,.75),transparent 70%),
    radial-gradient(1px 1px at 280px 420px,rgba(247,252,250,.8),transparent 70%),
    radial-gradient(1.4px 1.4px at 520px 480px,rgba(174,239,229,.65),transparent 70%),
    radial-gradient(1px 1px at 150px 520px,rgba(247,252,250,.6),transparent 70%),
    radial-gradient(.9px .9px at 380px 330px,rgba(247,252,250,.55),transparent 70%),
    radial-gradient(.8px .8px at 60px 200px,rgba(247,252,250,.5),transparent 70%),
    radial-gradient(.8px .8px at 250px 20px,rgba(174,239,229,.5),transparent 70%),
    radial-gradient(.8px .8px at 540px 120px,rgba(247,252,250,.45),transparent 70%);
  background-size:560px 560px,560px 560px,560px 560px,560px 560px,560px 560px,560px 560px,560px 560px,560px 560px,340px 340px,340px 340px,340px 340px,340px 340px;
}
.mzs-ambient::after{opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='900'%3E%3Cpath d='M80 120L260 210M260 210L420 150M420 150L610 260M610 260L760 190M260 210L300 380M300 380L480 450M480 450L610 260M900 110L1040 220M1040 220L1130 160M1040 220L980 420M980 420L1150 520M140 640L330 720M330 720L520 660M520 660L700 780M520 660L480 450M860 700L980 420M860 700L1120 760M700 780L860 700M40 420L300 380M40 420L140 640M640 560L480 450M640 560L860 700M760 190L900 110' stroke='rgba(174,239,229,.13)' stroke-width='1' fill='none'/%3E%3Ccircle cx='80' cy='120' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='260' cy='210' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='420' cy='150' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='610' cy='260' r='2.4' fill='rgba(240,198,111,.75)'/%3E%3Ccircle cx='760' cy='190' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='300' cy='380' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='480' cy='450' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='900' cy='110' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='1040' cy='220' r='2.4' fill='rgba(240,198,111,.75)'/%3E%3Ccircle cx='1130' cy='160' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='980' cy='420' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='1150' cy='520' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='140' cy='640' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='330' cy='720' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='520' cy='660' r='2.4' fill='rgba(240,198,111,.75)'/%3E%3Ccircle cx='700' cy='780' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='860' cy='700' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='1120' cy='760' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3Ccircle cx='40' cy='420' r='2.4' fill='rgba(240,198,111,.75)'/%3E%3Ccircle cx='640' cy='560' r='1.8' fill='rgba(174,239,229,.7)'/%3E%3C/svg%3E") repeat 0 0/1200px 900px}
@media(max-width:760px){.mzs-ambient::after{opacity:.45;background-size:900px 675px}.mzs-ambient::before{opacity:.45}}

/* Historia: ta sama przestrzeń co reszta (sekcja nie zasłania gwiazd, poświat ani orbit). */
.mzs-page .mzs-history-experience{background:transparent}

/* Stopka: gęstsze tło pod tekstem — konstelacje i orbity nie przecinają napisów. */
.mzs-page .mzs-footer{background:linear-gradient(180deg,rgba(2,27,30,.55) 0,rgba(2,27,30,.9) 160px,#021b1e 100%)}

/* 3.88.0 — powierzchnie (tła kart, pól, paneli) zawsze z palety ciemnego canvasu. Motyw z PA może mieć jaśniejsze
   „tło górne / powierzchnię” (np. #0f6f68) — wtedy karty świeciły turkusem na ciemnym tle. Akcenty i tekst z PA zostają. */
.mzs-page>*{--mzs-bg-top:#062f31;--mzs-bg-mid:#042628;--mzs-bg-bottom:#021b1e;--mzs-surface:#07383a;--mzs-surface-soft:#0a4443;--mzs-field-bg:#082f31;--mzs-hover-surface:color-mix(in srgb,#07383a 88%,white 6%);--mzs-hover-surface-soft:color-mix(in srgb,#07383a 92%,white 4%)}