:root{--ink:#17130f;--paper:#f3eee7;--accent:#b28c67;--muted:#766b62;--line:rgba(23,19,15,.14)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}
.topbar{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.topbar img{width:130px;background:white;border-radius:7px;padding:5px}.topbar>a:last-child{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:3px}
.page-hero{width:min(1180px,90vw);margin:auto;padding:95px 0 70px}.page-hero>span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.page-hero h1{font-family:"Playfair Display",serif;font-size:clamp(64px,10vw,130px);line-height:.84;letter-spacing:-.05em;margin:16px 0 30px}.page-hero h1 em{color:var(--accent)}
.page-hero p{max-width:650px;color:var(--muted);line-height:1.8}
.projects-grid{width:min(1180px,90vw);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:100px}
.project-card{position:relative;min-height:590px;border-radius:22px;overflow:hidden;background:#ccc}.project-card:nth-child(3n){grid-column:1/-1;min-height:680px}
.project-card img{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.82);transition:.7s}.project-card:hover img{transform:scale(1.03)}
.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,19,15,.82),transparent 60%)}
.project-info{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:#fff}.project-info small{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.project-info h2{font-family:"Playfair Display",serif;font-size:38px;margin:10px 0}.project-info p{max-width:650px;color:rgba(255,255,255,.6);font-size:12px;line-height:1.65}
.bottom-cta{width:min(1180px,90vw);margin:0 auto 80px;background:var(--ink);color:#fff;border-radius:24px;padding:45px;display:flex;justify-content:space-between;align-items:end}
.bottom-cta span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.45)}.bottom-cta h2{font-family:"Playfair Display",serif;font-size:48px;margin:10px 0 0}
.bottom-cta a{border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px;font-size:12px}
@media(max-width:720px){.projects-grid{grid-template-columns:1fr}.project-card,.project-card:nth-child(3n){grid-column:auto;min-height:470px}.bottom-cta{display:block;padding:30px 24px}.bottom-cta h2{font-size:38px}.bottom-cta a{display:inline-block;margin-top:25px}}
/* Originalni BJ Parketi logo — prikazan bez izmjene datoteke */
.topbar img{
  width:145px !important;
  height:70px !important;
  object-fit:contain !important;
  background:#fff !important;
  padding:3px !important;
  border-radius:10px !important;
}
