/* Strona O mnie. Podpis naturalnym pismem odręcznym (Homemade Apple, samodzielnie hostowana). */
.about { padding: var(--space-16) 0; background: var(--color-paper); }
.about-grid { display: grid; gap: var(--space-8); align-items: center; }
.about-photo { position: relative; margin: 0 auto; width: min(100%, 22rem); aspect-ratio: 1; }
.about-wreath { position: absolute; inset: 0; width: 100%; height: 100%; }
.about-photo img { position: absolute; inset: 9%; width: 82%; height: 82%; object-fit: cover; object-position: 50% 15%; border-radius: 50%; box-shadow: 0 .75rem 2rem rgba(47, 52, 50, .18); }
.about-copy { max-width: 34rem; }
.about-copy .about-lead { margin-bottom: var(--space-5); font-family: var(--font-display); font-variation-settings: 'SOFT' 100; font-weight: 340; font-size: clamp(1.2rem, 3.6vw, 1.45rem); line-height: 1.4; letter-spacing: -.01em; }
.about-copy .about-lead + p { padding-left: var(--space-4); border-left: 2px solid var(--color-sage); font-weight: 500; }
.about-copy p + p:not(.about-lead):not(.about-sign) { margin-top: var(--space-4); }
.about-copy h1, .about-copy h2 { margin-bottom: var(--space-5); font-size: clamp(2rem, 5.5vw, 3.2rem); line-height: 1.08; }
.about-copy p { font-size: 1.05rem; }
.about-facts { display: grid; gap: var(--space-3); margin: var(--space-6) 0 0; padding: 0; list-style: none; }
.about-facts li { display: grid; gap: .1rem; padding-left: var(--space-4); border-left: 2px solid var(--color-sage); }
.about-facts strong { font-size: 1.1rem; }
.about-facts span { font-size: .9rem; color: #4d5551; }
.about-copy .about-sign { margin: var(--space-6) 0 var(--space-2); font-family: 'Homemade Apple', 'Segoe Script', cursive; font-weight: 400; font-size: clamp(1.5rem, 5.5vw, 2rem); line-height: 1.3; transform: rotate(-2deg); transform-origin: left center; }
.about-cta { margin-top: var(--space-4); }
@media (min-width: 48rem) { .about { padding: var(--space-20) 0; } .about-grid.has-photo { grid-template-columns: 22rem 1fr; gap: var(--space-12); align-items: center; } }

@font-face { font-family: 'Homemade Apple'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/homemade-apple-latin-400-normal.woff2') format('woff2'); }

.about-copy .about-contact { margin-top: var(--space-4); font-size: .95rem; color: #4d5551; }
.about-contact a { color: var(--color-ink); text-decoration: underline; text-underline-offset: .2em; }
.about-path { padding: var(--space-12) 0; background: var(--color-sand); }
.about-path h2 { margin-bottom: var(--space-6); font-size: clamp(1.8rem, 5vw, 2.6rem); }
.about-path-list { display: grid; gap: var(--space-5); margin: 0; padding: 0; list-style: none; }
.about-path-list li { display: grid; gap: .3rem; padding-left: var(--space-5); border-left: 2px solid var(--color-sage); position: relative; }
.about-path-list li span { position: absolute; left: -1rem; top: 0; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--color-ink); color: var(--color-white); font-size: .85rem; font-weight: 600; }
.about-path-list strong { font-family: var(--font-display); font-variation-settings: 'SOFT' 100; font-weight: 340; font-size: 1.35rem; letter-spacing: -.01em; }
.about-path-list p { margin: 0; color: #4d5551; }
@media (min-width: 48rem) { .about-path-list { grid-template-columns: repeat(4, 1fr); gap: var(--space-6); }
  .about-path-list li { padding: var(--space-8) 0 0; border-left: 0; border-top: 2px solid var(--color-sage); }
  .about-path-list li span { left: 0; top: -.95rem; } }

/* Wyróżnienia w tekście: marker, pogrubienia, cytat, śródtytuł i zakończenie. */
.about-copy strong { font-weight: 600; color: var(--color-ink); }
.about-mark { padding: 0 .12em; background: linear-gradient(transparent 58%, rgba(201, 164, 90, .38) 58%); color: inherit; font-weight: 500; }
.about-copy .about-quote { margin: var(--space-6) 0; padding: var(--space-2) 0 var(--space-2) var(--space-5); border-left: 3px solid #c9a45a; font-family: var(--font-display); font-variation-settings: 'SOFT' 100; font-weight: 340; font-size: clamp(1.4rem, 4.4vw, 1.9rem); line-height: 1.25; letter-spacing: -.02em; }
.about-copy .about-sub { margin: var(--space-8) 0 var(--space-3); font-size: clamp(1.4rem, 4vw, 1.8rem); line-height: 1.15; }
.about-copy .about-closing { margin-top: var(--space-8); font-family: var(--font-display); font-variation-settings: 'SOFT' 100; font-weight: 340; font-size: clamp(1.35rem, 4vw, 1.75rem); line-height: 1.3; letter-spacing: -.02em; color: #6e2b36; }
.about-copy p:not(.about-lead):not(.eyebrow):not(.about-sign):not(.about-contact):not(.about-closing) { line-height: 1.7; }
@media (min-width: 48rem) { .about-grid.has-photo { align-items: start; } .about-photo { position: sticky; top: 6rem; } }