*{box-sizing:border-box}html{color-scheme:dark;background:#000207}body{margin:0;min-height:100svh;display:flex;flex-direction:column;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}#siec{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:pan-y}.winieta{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 20%,#00020766 70%,#000207dc 100%)}.naglowek,main,footer{position:relative;z-index:2}.naglowek{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 4.5vw;font-size:13px;letter-spacing:.02em;text-shadow:0 2px 8px #000}.podpis{display:flex;gap:15px;align-items:center;min-height:44px}.podpis span{color:#c0c4cc}.przycisk{background:linear-gradient(130deg,#000c,#0007);color:#fff;border:1px solid #ffffff50;border-radius:30px;min-height:44px;padding:0 18px;cursor:pointer;font-size:12px;white-space:nowrap}.przycisk span{margin-left:12px}.przycisk[hidden]{display:none}.przycisk:hover{border-color:#fff;background:#000d}main{width:min(100% - 96px,1040px);margin:auto; padding:44px 0 34px}.studio{position:relative;border:1px solid #ffffff80;border-radius:32px;padding:clamp(28px,5vw,64px);background:linear-gradient(125deg,#000e 0%,#000b 45%,#0009 100%);box-shadow:0 0 28px 10px #000b,0 0 90px 24px #0008,inset 0 0 44px #0008;text-shadow:0 2px 15px #000}.etykieta{margin:0 0 30px;text-transform:uppercase;letter-spacing:.24em;font-size:12px;color:#d4d7dd}h1{margin:0;font-weight:800}.pamiec{display:block;font-size:clamp(92px,14.6vw,190px);line-height:.84;letter-spacing:-.085em;white-space:nowrap}.jednostka{font-size:.55em;letter-spacing:-.065em;margin-left:.08em}.nazwa{display:block;margin-top:21px;font-size:clamp(23px,4.9vw,60px);letter-spacing:.16em;line-height:1.1}.manifest{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:50px;padding-top:30px;border-top:1px solid #ffffff40}.haslo{margin:0;font-size:clamp(23px,3.2vw,36px);line-height:1.2;letter-spacing:-.035em;font-weight:600}.motto{max-width:340px;align-self:center}.motto p{font-size:17px;line-height:1.6;margin:0}.motto .dopisek{margin-top:8px;font-size:13px;color:#b9bec8}.pod-studiem{display:flex;justify-content:space-between;align-items:center;padding:26px 5px 0;gap:20px;text-shadow:0 2px 10px #000,0 0 20px #000}.pod-studiem p{font-size:13px;line-height:1.8;margin:0}.pod-studiem p span{color:#c8ccd4}.znak{font-family:monospace;font-size:17px;letter-spacing:.1em}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 4.5vw;font-size:11px;letter-spacing:.06em;text-shadow:0 1px 12px #000}footer>a{min-height:44px;display:inline-flex;align-items:center;gap:12px}a:hover{text-decoration:underline;text-underline-offset:5px}:focus-visible{outline:2px solid white;outline-offset:6px;border-radius:4px}@media(min-width:1600px){main{width:min(100% - 140px,1180px)}}@media(max-width:650px){.naglowek{padding:16px 22px;gap:10px;flex-wrap:wrap}.podpis{gap:9px;font-size:12px}.przycisk{padding:0 12px;font-size:11px}.przycisk span{margin-left:6px}main{width:calc(100% - 40px);padding:30px 0}.studio{padding:32px 25px;border-radius:24px}.etykieta{font-size:10px;margin-bottom:29px}.pamiec{font-size:clamp(85px,21vw,135px)}.nazwa{font-size:clamp(19px,5.1vw,33px);letter-spacing:.11em;margin-top:17px}.manifest{grid-template-columns:1fr;gap:22px;margin-top:34px;padding-top:24px}.haslo{font-size:29px}.motto p{font-size:16px;line-height:1.6}.pod-studiem{padding:23px 4px 0}.pod-studiem p{font-size:12px}.znak{font-size:13px}footer{padding:16px 24px;font-size:10px;letter-spacing:0;gap:10px}}@media(max-width:350px){.studio{padding:28px 20px}.haslo{font-size:26px}.naglowek{padding-inline:20px}.pod-studiem .znak{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Rozmiary zalezne od szerokosci i wysokosci dostepnego okna. */
body{min-height:100svh;min-height:100dvh}
.naglowek{padding-block:clamp(8px,2.4svh,28px);flex-shrink:0}
main{padding-block:clamp(10px,2svh,26px);flex-shrink:0}
.studio{padding:clamp(20px,4.3svh,64px) clamp(25px,5vw,64px)}
.etykieta{margin-bottom:clamp(14px,2.7svh,26px)}
.pamiec{font-size:clamp(72px,min(14.6vw,21svh),190px)}
.nazwa{font-size:clamp(21px,min(4.9vw,6.6svh),60px);margin-top:clamp(12px,2svh,21px)}
.manifest{margin-top:clamp(16px,4svh,40px);padding-top:clamp(16px,2.7svh,26px);gap:clamp(20px,3vw,40px)}
.haslo{font-size:clamp(23px,min(3.2vw,4svh),36px)}
.pod-studiem{padding-top:clamp(12px,2.4svh,24px)}
footer{padding-block:clamp(4px,1.6svh,20px);flex-shrink:0}
@media(max-width:650px){
  .naglowek{gap:8px;padding-inline:20px}
  .podpis{gap:6px;font-size:11px}
  .przycisk{font-size:11px;padding-inline:10px}
  main{padding-block:clamp(10px,2svh,24px)}
  .studio{padding:clamp(18px,3svh,32px) clamp(20px,5vw,25px)}
  .pamiec{font-size:clamp(72px,min(21vw,16svh),135px)}
  .nazwa{font-size:clamp(18px,min(5.1vw,4svh),33px);margin-top:clamp(10px,2svh,17px)}
  .manifest{gap:clamp(12px,2.4svh,22px);margin-top:clamp(16px,3svh,30px);padding-top:clamp(14px,2.5svh,24px)}
  .haslo{font-size:clamp(23px,3.6svh,29px)}
  .motto p{line-height:1.5}
  .motto .dopisek{margin-top:4px}
}
@media(max-height:500px) and (min-width:651px){
  .studio{padding-block:18px}.etykieta{margin-bottom:12px}
  .pamiec{font-size:clamp(64px,17svh,85px)}.nazwa{font-size:clamp(21px,5svh,28px);margin-top:10px}
  .manifest{margin-top:14px;padding-top:12px}.haslo{font-size:23px}
  .motto p{font-size:16px;line-height:1.4}.motto .dopisek{margin-top:4px}
  .pod-studiem{padding-top:10px}.pod-studiem p{line-height:1.5}
}
@media(max-height:500px) and (min-width:651px){
  .studio{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:center}
  .etykieta{grid-column:1;margin-bottom:12px}
  h1{grid-column:1}
  .manifest{grid-column:2;grid-row:1 / span 2;grid-template-columns:1fr;gap:10px;margin:0;padding:0 0 0 24px;border-top:0;border-left:1px solid #ffffff40}
  .haslo{font-size:23px}
}