:root{--tlo:#FAFAF8;--tekst:#1C1B1A;--akcent:#1C1B1A;--jasny:#E8E6E1;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tlo);color:var(--tekst);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
main{max-width:44rem;margin:0 auto;padding:3rem 1rem 2rem;text-align:center}
.logo{display:block;margin:0 auto 1.5rem;width:min(70vw,18rem);height:auto;}
h1{margin:0;font-weight:400;font-size:clamp(2rem,1.5rem + 2.5vw,3rem);line-height:1.15;letter-spacing:.01em}
.pod{margin:.35rem 0 0;color:var(--akcent);font-size:1.125rem;letter-spacing:.08em;text-transform:uppercase;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:.875rem}
.wkrotce{display:inline-block;margin:2rem 0 1.25rem;padding:.35rem 1rem;border:1px solid var(--akcent);border-radius:999px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:.875rem;letter-spacing:.04em}
.opis p{margin:0 auto .75rem;max-width:36rem;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);text-wrap:pretty}
.kontakt{margin:2rem auto 0;display:grid;gap:.75rem;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.tel{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.75rem;border-radius:999px;background:var(--akcent);color:#fff;font-size:1.125rem;font-weight:600;text-decoration:none;white-space:nowrap;justify-self:center}
.tel:hover{filter:brightness(1.08)}
a:focus-visible{outline:3px solid var(--tekst);outline-offset:3px}
address{font-style:normal}
.godz{margin:0;font-size:.9375rem;opacity:.85}
.mapa{margin:2rem 0 0;border-radius:.75rem;overflow:hidden;background:var(--jasny);aspect-ratio:4/3;max-height:24rem;width:100%}
.mapa iframe{display:block;width:100%;height:100%;border:0}
footer{padding:1.5rem 1rem 2.5rem;text-align:center;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:.8125rem;opacity:.75}
@media (min-width:48rem){.mapa{aspect-ratio:16/9}}
