@font-face{
  font-family:"Archivo Black";
  src:url("../fonts/ArchivoBlack.ttf") format("truetype");
  font-weight:400; font-style:normal; font-display:swap;
}
:root{
  --tlo:#171310;
  --tlo-2:#211b16;
  --papier:#f4edde;
  --papier-2:#b9ac9a;
  --zloto:#d4af37;
  --zloto-c:#b08d26;
  --na-zlocie:#191210;
  --linia:rgba(244,237,222,.14);
  --display:"Archivo Black","Arial Black","Segoe UI Black",system-ui,sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --bok:clamp(20px,5vw,72px);
  --pasek-h:72px;
  --r:0px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--pasek-h) + 16px);-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{
  margin:0; background:var(--tlo); color:var(--papier);
  font-family:var(--body); font-size:18px; line-height:1.55;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;margin:0;letter-spacing:-.025em;line-height:1.04;overflow-wrap:anywhere;text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.zl{color:var(--zloto)}
.wrap{max-width:1360px;margin:0 auto;padding:0 var(--bok)}
.waski{max-width:820px;margin:0 auto;padding:0 var(--bok)}
:focus-visible{outline:3px solid var(--zloto);outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--zloto);color:var(--na-zlocie);padding:10px 16px;z-index:100;font-weight:700}
.skip-link:focus{left:8px;top:8px}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--display);font-size:18px;line-height:1;letter-spacing:-.01em;
  padding:19px 26px;border-radius:var(--r);text-decoration:none;white-space:nowrap;
  border:2px solid transparent;transition:background-color .18s ease,color .18s ease,transform .12s ease;
}
.btn:active{transform:translateY(1px)}
.btn-zloty,.btn-hot{background:var(--zloto);color:var(--na-zlocie)}
.btn-zloty:hover,.btn-hot:hover{background:var(--papier)}
.btn-jasny{background:var(--papier);color:var(--na-zlocie)}
.btn-jasny:hover{background:var(--zloto)}
.btn-ciemny{background:var(--na-zlocie);color:var(--papier)}
.btn-ciemny:hover{background:#000}
.btn-ghost{border-color:var(--linia);color:var(--papier)}
.btn-ghost:hover{border-color:var(--papier)}
.link{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--papier-2)}
.link:hover{color:var(--zloto)}

nav{
  position:sticky;top:0;z-index:50;background:var(--tlo);
  border-bottom:1px solid transparent;transition:border-color .2s ease;
}
nav.przewiniete{border-bottom-color:var(--linia)}
.nav-in{
  max-width:1360px;margin:0 auto;padding:0 var(--bok);height:72px;
  display:flex;align-items:center;gap:28px;
}
.nav-in .logo{display:block;flex:none}
.nav-in .logo img{height:42px;width:auto}
.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:16px;font-weight:600}
.nav-links a{text-decoration:none;color:var(--papier-2);transition:color .15s ease}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--papier)}
.nav-cta{
  font-family:var(--display);font-size:15px;line-height:1;white-space:nowrap;text-decoration:none;
  border:2px solid var(--papier);color:var(--papier);padding:11px 14px;border-radius:var(--r);
  transition:background-color .18s ease,color .18s ease;
}
.nav-cta:hover{background:var(--papier);color:var(--na-zlocie)}
.nav-burger{
  display:none;background:none;border:2px solid var(--linia);color:var(--papier);border-radius:var(--r);
  font:600 15px/1 var(--body);padding:12px 14px;cursor:pointer;
}
@media (max-width:900px){
  .nav-in{gap:10px;height:64px}
  .nav-in .logo img{height:36px}
  .nav-links{
    display:none;position:absolute;left:0;right:0;top:100%;margin:0;
    flex-direction:column;align-items:stretch;gap:0;background:var(--tlo);
    border-bottom:1px solid var(--linia);padding:6px var(--bok) 18px;
  }
  nav.otwarte .nav-links{display:flex}
  .nav-links a{display:block;padding:14px 0;font-size:20px;color:var(--papier);border-top:1px solid var(--linia)}
  .nav-links li:first-child a{border-top:0}
  .nav-cta{margin-left:auto}
  .nav-burger{display:block}
}

footer{border-top:1px solid var(--linia);padding:56px 0 40px;color:var(--papier-2);font-size:16px}
.foot-siatka{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:36px}
.foot-siatka img{height:64px;width:auto}
.foot-o{margin-top:16px;max-width:30ch}
.foot-siatka h3{font-family:var(--body);font-weight:700;font-size:14px;line-height:1.4;letter-spacing:0;color:var(--papier);margin-bottom:12px}
.foot-siatka li{margin:7px 0}
.foot-siatka a{text-decoration:none}
.foot-siatka a:hover{color:var(--papier);text-decoration:underline}
.foot-dol{margin-top:44px;padding-top:20px;border-top:1px solid var(--linia);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}
@media (max-width:900px){
  .foot-siatka{grid-template-columns:1fr 1fr;gap:28px 20px}
  .foot-siatka>div:first-child{grid-column:1/-1}
}

.kciuk{
  position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;
  padding:10px var(--bok) calc(10px + env(safe-area-inset-bottom));
  background:var(--tlo);border-top:1px solid var(--linia);
  transform:translateY(110%);transition:transform .22s ease;
}
.kciuk.widac{transform:none}
.kciuk .btn{flex:1;padding:16px 10px;font-size:16px}
@media (max-width:700px){
  .kciuk{display:flex}
  body.ma-kciuk{padding-bottom:76px}
  
  body.ma-kciuk .nav-cta{display:none}
  .nav-burger{margin-left:auto}
  
  .drugoplanowe{display:none !important}
  
  .dlugie{display:none}
  .foot-siatka h3{margin-bottom:2px}
  
  .foot-siatka li{margin:0}
  .foot-siatka a{display:inline-block;padding:11px 0}
  .link{display:inline-block;padding:11px 0}
  .nav-burger{min-height:44px}
  .nav-in .logo{display:flex;align-items:center;min-height:44px}
  footer{padding:36px 0 28px}
  .foot-dol{margin-top:24px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;scroll-behavior:auto !important}
}