/* Wycięte ze wzoru — wartości bez zmian. Nowe reguły: 14-theme.css. */

/* ══════════════════════════════════════════════════════════════
   Kancelaria Adwokacka Filip Rak
   System wizualny wg Brandbooka (Studio Bliki 2026)
   ══════════════════════════════════════════════════════════════ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
img,svg{display:block;max-width:100%}
button,input,textarea,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}



body{
  font-family:var(--sans);font-weight:400;
  font-size:17px;line-height:1.72;
  color:var(--t-1);background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
body.locked{overflow:hidden}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}

/* ── Otoczaki: organiczny owal (Brandbook, str. 18 „Kształty") ── */
.pebble{border-radius:56% 44% 49% 51% / 47% 52% 48% 53%}
.pebble-2{border-radius:44% 56% 53% 47% / 53% 46% 54% 47%}

/* Pole otoczaków — desenie 04 z Brandbooka, w bardzo cichej wersji */
.field{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(ellipse 33% 40% at 50% 50%,var(--paper-2) 0 99%,transparent 100%);
  background-size:clamp(300px,30vw,440px) clamp(360px,36vw,520px);
  opacity:.30;
}
.field.on-dark{
  background-image:radial-gradient(ellipse 33% 40% at 50% 50%,rgba(228,224,216,.035) 0 99%,transparent 100%);
  opacity:1;
}
.field.on-olive{
  background-image:radial-gradient(ellipse 34% 41% at 50% 50%,var(--sand) 0 99%,transparent 100%);
  background-size:clamp(210px,20vw,300px) clamp(250px,24vw,360px);
  opacity:.3;
  /* wzór ustępuje kolumnie tekstu — czytelność ponad dekorację */
  -webkit-mask-image:linear-gradient(to right,transparent 0,transparent 34%,#000 62%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0,transparent 34%,#000 62%,#000 100%);
}
@media(max-width:780px){
  .field.on-olive{-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 46%,#000 76%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0,transparent 46%,#000 76%,#000 100%)}
}

/* Czerwona kropka — interpunkcja marki */
.dot{display:inline-block;width:.15em;height:.15em;border-radius:50%;
  background:var(--crimson);vertical-align:baseline;margin-left:.1em}
.dot-lg{width:5px;height:5px;border-radius:50%;background:var(--crimson);display:block;flex-shrink:0}


/* Znak zapytania w czerwieni marki — interpunkcja jak kropka */
.qm{color:var(--crimson);font-family:inherit;margin-left:.02em}