:root{
  --bg:#e9e9e7;
  --ink:#312e2e;
  --footer:#342e2e;
  --max:1810px;
  --side:38px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
.page-shell{width:min(calc(100% - (var(--side) * 2)),var(--max));margin-inline:auto}

/* header */
.site-header{height:83px;background:var(--bg)}
.header-inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.brand{
  font-size:30px;
  line-height:1;
  letter-spacing:-1.35px;
}
.main-nav{
  display:flex;
  align-items:center;
  gap:37px;
  font-size:15px;
}
.main-nav a{
  padding:4px 0;
  border-bottom:1px solid transparent;
}
.main-nav a:hover{border-bottom-color:currentColor}

/* project */
.project{padding:32px 0 0}
.project h1{
  margin:0 0 46px;
  font-size:52px;
  line-height:1;
  font-weight:400;
  letter-spacing:-2.3px;
}
.gallery{
  display:grid;
  gap:20px;
}
.gallery-frame{
  margin:0;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#ddd;
}
.gallery-frame img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.gallery-frame.living img{object-position:50% 48%}
.gallery-frame.bathroom img{object-position:50% 51%}

.project-nav{
  margin-top:30px;
  padding:34px 0 40px;
  border-top:1px solid rgba(49,46,46,.18);
  display:flex;
  justify-content:space-between;
  gap:40px;
  font-size:20px;
  line-height:1.2;
}
.project-nav a{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.project-nav .next{margin-left:auto;text-align:right}

/* footer — kept as working footer; we'll refine globally later */
.site-footer{background:var(--footer);color:#fff}
.footer-inner{
  width:calc(100% - 152px);
  margin:0 auto;
  min-height:340px;
  padding:78px 0 52px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 1fr auto;
  grid-template-areas:
    "brand links"
    ". ."
    "copyright privacy";
}
.footer-brand{grid-area:brand}
.footer-brand img{display:block;width:166px;height:auto}
.footer-brand p{margin:28px 0 0;font-size:13px;font-weight:600}
.footer-links{
  grid-area:links;
  justify-self:end;
  display:flex;
  flex-direction:column;
  gap:26px;
  align-items:flex-end;
  font-size:15px;
}
.footer-links a,.privacy{
  text-decoration:underline;
  text-underline-offset:3px;
}
.footer-inner small{grid-area:copyright;align-self:end;font-size:13px}
.privacy{grid-area:privacy;justify-self:end;align-self:end;font-size:13px}

/* Mobile pass later; this is only a safe fallback for now */
@media (max-width:900px){
  :root{--side:20px}
  .site-header{height:90px}
  .main-nav{display:none}
  .project{padding-top:22px}
  .project h1{font-size:40px;margin-bottom:30px}
  .gallery{gap:14px}
  .project-nav{
    flex-direction:column;
    align-items:flex-start;
    font-size:18px;
  }
  .project-nav .next{margin-left:0;text-align:left}
  .footer-inner{
    width:calc(100% - 40px);
    display:block;
    min-height:auto;
    padding:50px 0 32px;
  }
  .footer-links{margin-top:50px;align-items:flex-start}
  .privacy{display:block;margin-top:55px}
  .footer-inner small{display:block;margin-top:24px}
}


.blog-intro{padding-top:80px;padding-bottom:100px}.intro-copy{max-width:1260px}
.blog-intro h1{font-size:36px;line-height:1.15;font-weight:400;margin:0 0 35px;letter-spacing:-.8px}
.blog-intro p{font-size:20px;line-height:1.4;margin:0 0 25px}.blog-intro .credo{margin-bottom:10px}.credo strong{font-weight:600}.signature{font-style:italic;margin-top:30px!important;margin-bottom:0!important}
.articles{background:#fafafa;padding:76px 0 100px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px}
.article-image{width:100%;aspect-ratio:541/363;background-image:url("../assets/article-board-7f73d03d3179.png");background-repeat:no-repeat;background-size:344.17745% 222.31405%;background-position-y:46.3964%}
.image-1{background-position-x:4.542014%}.image-2{background-position-x:50.189251%}.image-3{background-position-x:95.836488%}
.article-grid h2{text-align:center;font-size:clamp(25px,2.45vw,44px);line-height:1.12;letter-spacing:-1px;font-weight:400;margin:50px 12px 0}.article-grid a:hover h2{text-decoration:underline;text-underline-offset:6px}
@media(max-width:900px){.blog-intro{padding-top:40px;padding-bottom:60px}.blog-intro p{font-size:18px}.article-grid{grid-template-columns:1fr;gap:55px}.articles{padding:45px 0 65px}.article-grid h2{font-size:30px;margin-top:25px}}

.image-1{background-image:url("../assets/spokoj-dzienny-de48be63cadf.webp");background-size:cover;background-position:center}