/* Harbor Abrahama — Garage, Gdańsk | SALT Concept */
body{margin:0;background:#0b0a09}
a{color:#f4efe7}
a:hover{color:#ffffff}
a:focus-visible{outline:1px solid #ffe2aa; outline-offset:6px}
/* Na stronie projektu wszystkie zdjęcia są od razu w oryginalnej barwie, bez efektu światła. */
.cover{position:relative; overflow:hidden; background:#14110e}
.cover img{display:block; width:100%; height:100%; object-fit:cover}
/* Zdjęcia pojawiają się płynnie, w oryginalnych kolorach: okładka po wczytaniu,
   zdjęcia galerii, gdy wjeżdżają w ekran. Bez przyciemniania i bez efektu LED. */
.fade{opacity:0; transform:translateY(18px); transition:opacity 1.5s ease, transform 1.8s cubic-bezier(.2,.7,.2,1)}
.fade.in{opacity:1; transform:none}
.pair .fade:nth-child(2){transition-delay:.2s}
[data-root]:not([data-js]) .fade{animation:failsafe 1s ease 2.5s forwards}
@keyframes failsafe{
  100%{opacity:1; transform:none}
}
@media (prefers-reduced-motion: reduce){
  .fade{opacity:1; transform:none; transition:none; animation:none}
}
/* zdjęcia i animacje zajmują 80% szerokości strony (na telefonie całą) */
.shrink{max-width:80%}
@media (max-width: 760px){
  .shrink{max-width:100%}
}
.slot{box-sizing:border-box; border:1px dashed #8a8378; background:#25201a; display:flex; align-items:center; justify-content:center; padding:24px; text-align:center; font-size:13px; line-height:1.6; letter-spacing:.2em; color:#b8b0a4}
.pair{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px}
@media (max-width: 760px){
  .pad{padding-left:22px !important; padding-right:22px !important}
  .pair{grid-template-columns:minmax(0, 1fr)}
}