/* Czytelna Strona — wizytówka (strona kontaktowa). Kolory marki, font Inter. */
:root{
  --granat:#1B2845;
  --granat-75:rgba(27,40,69,.75);
  --granat-55:rgba(27,40,69,.55);
  --krem:#F8F5EF;
  --blat:#E9E5DB;
  --szalwia:#7A8B73;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  background:var(--blat);
  color:var(--granat);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
  padding:32px 20px;
}
.card{
  width:100%; max-width:600px;
  background:var(--krem);
  border-radius:22px;
  box-shadow:0 1px 2px rgba(27,40,69,.05), 0 24px 60px rgba(27,40,69,.14);
  padding:64px 56px 56px;
  text-align:center;
}
.brand{
  font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  color:var(--szalwia); margin-bottom:26px;
}
h1{
  font-size:38px; font-weight:600; letter-spacing:-.02em; line-height:1.15;
  color:var(--granat); margin-bottom:16px; text-wrap:balance;
}
.tagline{
  font-size:19px; color:var(--granat-75); line-height:1.55; margin:0 auto;
  max-width:440px;
}
.phone-top{
  display:inline-block; margin-top:30px;
  font-size:28px; font-weight:600; letter-spacing:-.01em;
  color:var(--granat); text-decoration:none;
  border-bottom:2px solid var(--szalwia); padding-bottom:3px;
  transition:color .2s, border-color .2s;
}
.phone-top:hover{ color:var(--szalwia); }

.rule{ width:44px; height:2px; background:var(--szalwia); border:0; margin:44px auto; }

.person-name{ font-size:20px; font-weight:600; color:var(--granat); margin-bottom:10px; }
.person-role{ font-size:16px; color:var(--granat-75); line-height:1.6; max-width:400px; margin:0 auto 24px; }
.contact{ display:flex; flex-direction:column; gap:12px; align-items:center; }
.contact a{
  display:inline-flex; align-items:center; gap:10px;
  font-size:17px; color:var(--granat); text-decoration:none;
  transition:color .2s;
}
.contact a:hover{ color:var(--szalwia); }
.contact .ico{ font-size:16px; }
.contact .txt{ border-bottom:1px solid rgba(122,139,115,.55); padding-bottom:2px; }

@media (max-width:560px){
  .card{ padding:44px 26px 40px; border-radius:18px; }
  h1{ font-size:30px; }
  .tagline{ font-size:17px; }
  .phone-top{ font-size:24px; }
}