* { box-sizing: border-box; }
html { background: #0b1611; }
body { margin: 0; color: #29342e; font-family: Arial, sans-serif; letter-spacing: 0; }
a { color: inherit; }
.skip-letter { position: fixed; top: -100px; left: 24px; z-index: 100; padding: 12px 18px; background: #eee9df; }
.skip-letter:focus { top: 16px; }
.contact-desk {
  position: relative;
  isolation: isolate;
  min-height: max(780px, calc(100svh - 94px));
  background: #18211a url('assets/contact/biurko-list-50a.webp') center / cover no-repeat;
}
.desk-light {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: inherit;
  filter: brightness(1.12);
  mask-image: linear-gradient(90deg, transparent 72%, #000);
  animation: desk-lamplight 12s ease-in-out infinite;
}
.letter {
  position: relative;
  width: min(560px, 38%);
  min-height: inherit;
  margin: auto;
  padding: 96px 0 110px;
  animation: letter-arrive 900ms ease-out both;
}
.letter-place { margin: 0 0 26px; font: 13px/1.5 Arial, sans-serif; color: #665b49; }
.letter h1 { margin: 0 0 32px; font: 400 44px/1.14 Georgia, serif; text-wrap: balance; }
.letter-body { font: 18px/1.75 Arial, sans-serif; }
.letter-body p { margin: 0 0 20px; }
.letter-addresses { margin-top: 32px; border-top: 1px solid #4b53404d; }
.letter-addresses a { display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 14px 0; border-bottom: 1px solid #4b53404d; text-decoration: none; font-size: 16px; transition: color 180ms ease; }
.letter-addresses svg { width: 20px; height: 20px; flex-shrink: 0; stroke-width: 1.5; }
.letter-addresses a svg:last-child { margin-left: auto; transition: transform 180ms ease; }
.letter-addresses a:hover { color: #81472e; }
.letter-addresses a:hover svg:last-child { transform: translate(2px, -2px); }
.letter-addresses a:focus-visible { outline: 2px solid #364e40; outline-offset: 5px; }
.letter-postscript { margin: 28px 0 0; color: #565548; font: 14px/1.7 Arial, sans-serif; }
.letter-signature { margin: 30px 0 0; text-align: right; font: italic 25px/1.4 Georgia, serif; }
@keyframes desk-lamplight { 0%, 100% { opacity: .1; } 43% { opacity: .4; } 64% { opacity: .22; } }
@keyframes letter-arrive { from { opacity: .4; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 1100px) {
  .contact-desk { background-size: auto 100%; }
  .letter { width: min(560px, calc(100% - 100px)); padding-top: 128px; }
}
@media (max-width: 600px) {
  .contact-desk { min-height: max(760px, calc(100svh - 76px)); }
  .letter { width: calc(100% - 64px); padding: 112px 0 120px; }
  .letter-place { font-size: 12px; margin-bottom: 22px; }
  .letter h1 { font-size: 35px; margin-bottom: 24px; }
  .letter-body { font-size: 16px; line-height: 1.7; }
  .letter-addresses { margin-top: 26px; }
  .letter-addresses a { gap: 10px; font-size: 15px; }
  .letter-signature { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .desk-light, .letter { animation: none; }
  .desk-light { opacity: .15; }
  .letter-addresses a, .letter-addresses a svg { transition: none; }
}

/* 53a: bezpośredni kontakt e-mail */
.letter-email span { min-width: 0; }
.letter-email small { display: block; margin-top: 5px; color: #565548; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }