:root{--ink:#171311;--brown:#3a2720;--brown2:#6b4938;--cream:#eee7dc;--paper:#f5f0e8;--muted:#8b8178;--line:rgba(255,255,255,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.section-shell{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 48px));margin:auto;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:37px;height:37px;border:1px solid #a9907d;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px;font-style:italic}.brand strong{display:block;font-size:12px;letter-spacing:.18em}.brand small{display:block;color:#9d9187;font-size:8px;letter-spacing:.22em;margin-top:-2px}nav{display:flex;gap:30px;font-size:12px;color:#bcb1a7}nav a:hover{color:#fff}.nav-cta{border:1px solid #806858;padding:10px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{padding:70px 0}.eyebrow,.section-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#a48e7d}.eyebrow span{display:inline-block;width:28px;border-top:1px solid #a48e7d;margin:0 10px 3px 0}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(58px,7vw,92px);line-height:.96;margin:22px 0}.hero h1 em,h2 em{color:#bd967a;font-style:italic}.hero-text{max-width:470px;color:#a9a098;font-size:16px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.button{padding:14px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.button-light{background:var(--cream);color:var(--ink)}.button span{margin-left:20px}.text-link{font-size:11px;color:#c8beb6}.text-link span{margin-left:9px;color:#bc8f73}.hero-art{height:500px;position:relative}.paint-can{position:absolute;right:80px;top:100px;width:190px;height:205px;border-radius:12px 12px 22px 22px;background:linear-gradient(120deg,#5b4032,#2a1d18);box-shadow:20px 30px 60px #0008;transform:rotate(8deg);display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #866654}.paint-can:before{content:'';position:absolute;top:-24px;left:10px;right:10px;height:38px;border:8px solid #755444;border-radius:50%;background:#201714}.paint-can span{font-size:14px;letter-spacing:.35em;transform:rotate(-8deg);color:#d5b9a4}.paint-can b{font-family:Georgia,serif;font-size:58px;font-weight:400;opacity:.5}.brush{position:absolute;width:340px;height:24px;background:#bfa083;border-radius:8px;box-shadow:0 10px 20px #0008}.brush:after{content:'';position:absolute;left:-75px;top:-5px;width:90px;height:34px;background:#6b4938;border-radius:45% 8px 8px 45%;transform:skewX(-12deg)}.brush-back{right:40px;bottom:120px;transform:rotate(-26deg);opacity:.55}.brush-front{right:-20px;bottom:195px;transform:rotate(17deg);background:#d3b69d}.brush-front i{position:absolute;left:-84px;top:-7px;width:95px;height:40px;background:#2a1d18;border-radius:50% 12px 12px 50%}.paint-stroke{position:absolute;left:20px;bottom:80px;width:270px;height:75px;background:#744d3a;transform:rotate(-8deg);border-radius:50% 15% 60% 20%;filter:blur(.2px);opacity:.8}.hero-note{position:absolute;bottom:20px;right:0;text-align:right;font-family:Georgia,serif;font-style:italic;color:#806b5c;font-size:15px}.hero-note strong{color:#bda18d}.intro{padding:125px 0 140px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:42px}.intro h2,.section-heading h2,.trust h2{font-family:'Playfair Display',serif;font-size:50px;line-height:1.05;margin:0}.intro-copy{color:#9f9690;font-size:15px;max-width:500px}.intro-copy p{margin:0 0 20px}.services{background:#e9e1d6;color:var(--ink);width:100%;max-width:none;padding:105px max(24px,calc((100% - 1160px)/2));position:relative}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c9beb1;margin-top:55px}.service-card{background:#e9e1d6;padding:28px 24px 32px;min-height:270px;position:relative}.service-number{font-size:9px;color:#887c71}.service-icon{font-size:25px;color:#76513d;margin:32px 0 15px}.service-card h3{font-family:'Playfair Display',serif;font-size:23px;margin:0 0 10px}.service-card p{font-size:12px;color:#70665f;line-height:1.7}.references{padding:125px 0}.refs-heading{display:flex;justify-content:space-between;align-items:end}.refs-heading>p{max-width:330px;color:#938982;font-size:13px}.gallery{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin-top:55px}.gallery-card{margin:0}.gallery-large{grid-row:span 2}.gallery-wide{grid-column:2/4}.photo-placeholder{height:285px;background:linear-gradient(145deg,#654839,#2a1d18);display:grid;place-items:center;position:relative;overflow:hidden}.gallery-large .photo-placeholder{height:585px}.photo-placeholder:before{content:'';position:absolute;width:180%;height:90px;background:#a77c62;transform:rotate(-14deg);opacity:.3}.photo-placeholder span{position:relative;text-align:center;font-size:10px;letter-spacing:.22em;color:#d9c2b0}.photo-placeholder b{font-family:Georgia,serif;font-size:42px;letter-spacing:0;color:#fff9}.tone-2{background:linear-gradient(145deg,#b6a18e,#514036)}.tone-3{background:linear-gradient(145deg,#41322c,#977158)}.tone-4{height:210px;background:linear-gradient(145deg,#87634f,#221915)}figcaption{font-size:11px;color:#b7aaa0;padding:12px 2px}figcaption small{color:#71665e}.trust{padding:115px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.trust-list>div{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.trust-list b{color:#8d7564;font-size:10px}.trust-list strong,.trust-list small{display:block}.trust-list strong{font-size:14px}.trust-list small{font-size:12px;color:#81766e;margin-top:3px}.contact{padding:0 0 100px}.contact-inner{background:#e9e1d6;color:var(--ink);padding:65px 70px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-family:'Playfair Display',serif;font-size:52px;line-height:1;margin:18px 0}.contact p{color:#766c65;font-size:13px;max-width:350px}.contact-details a{display:block;padding:16px 0;border-bottom:1px solid #c9beb1}.contact-details span{display:block;color:#8d8178;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.contact-details strong{font-size:16px}.paint-swipe{position:absolute;pointer-events:none;opacity:.12;z-index:-1;background:#79523e;border-radius:50%}.paint-swipe-one{width:500px;height:130px;right:-220px;top:520px;transform:rotate(-20deg)}.paint-swipe-two{width:400px;height:100px;left:-210px;top:1350px;transform:rotate(15deg)}footer{border-top:1px solid var(--line);padding:25px max(24px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;color:#655b54;font-size:9px;letter-spacing:.1em;text-transform:uppercase}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0 90px}.hero-art{height:400px;margin-top:-20px}.hero-copy{padding:20px 0}.intro-grid,.trust,.contact-inner{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery-large{grid-row:auto}.gallery-large .photo-placeholder,.photo-placeholder{height:300px}.gallery-wide{grid-column:1/-1}.refs-heading{display:block}.refs-heading>p{margin-top:25px}.contact-inner{padding:45px 30px}.contact h2{font-size:43px}}@media(max-width:520px){.section-shell{width:min(100% - 32px,1160px)}.site-header{width:calc(100% - 32px)}.nav-cta{display:none}.hero h1{font-size:57px}.hero-art{transform:scale(.85);transform-origin:center}.service-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery-wide{grid-column:auto}.gallery-large .photo-placeholder,.photo-placeholder{height:260px}.intro h2,.section-heading h2,.trust h2{font-size:40px}footer{display:block}.paint-swipe{display:none}}






.hero-art-image{display:flex;align-items:center;justify-content:center;background:transparent;padding-right:20px;min-height:520px;}

.hero-logo{width:360px;max-width:100%;height:auto;background:transparent;filter:drop-shadow(0 22px 40px rgba(0,0,0,.42));}

.hero-art-image .hero-note{right:12px;bottom:18px;}



}


@media (min-width: 1024px){
  .hero-logo{
    width:350px;
  }
}

@media (max-width: 768px){
  .hero-art-image{
    min-height:auto;
    padding-right:0;
  }
  .hero-logo{
    width:240px;
  }
}


.brand-logo{ width:48px; height:48px; object-fit:contain; border-radius:50%; display:block; filter:drop-shadow(0 6px 14px rgba(0,0,0,.28)); }


/* --- Referencia galéria --- */
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
  margin-top:32px;
}

.gallery-card{
  background:#181010;
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease;
}

.gallery-card:hover{
  transform:translateY(-4px);
  border-color:rgba(212,165,116,.35);
}

.gallery-card a{
  display:block;
}

.gallery-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}


/* --- Kattintható referencia galéria / lightbox --- */
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:32px;
}

.gallery-card{
  margin:0;
  background:#181010;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.gallery-card:hover{
  transform:translateY(-4px);
  border-color:rgba(212,165,116,.4);
  box-shadow:0 14px 35px rgba(0,0,0,.28);
}

.gallery-link{
  display:block;
  cursor:zoom-in;
}

.gallery-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}

.lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:50px;
  background:rgba(8,6,5,.94);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}

.lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.lightbox-image{
  max-width:min(92vw,1400px);
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:8px;
  box-shadow:0 25px 80px rgba(0,0,0,.65);
}

.lightbox-close,
.lightbox-prev,
.lightbox-next{
  position:absolute;
  z-index:2;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(20,15,13,.75);
  color:#f5eee5;
  width:48px;
  height:48px;
  border-radius:50%;
  cursor:pointer;
  font-size:28px;
  line-height:1;
  display:grid;
  place-items:center;
  transition:background .2s ease,border-color .2s ease;
}

.lightbox-close:hover,
.lightbox-prev:hover,
.lightbox-next:hover{
  background:#3a2720;
  border-color:#bd967a;
}

.lightbox-close{
  top:20px;
  right:25px;
  font-size:32px;
}

.lightbox-prev{
  left:24px;
  top:50%;
  transform:translateY(-50%);
}

.lightbox-next{
  right:24px;
  top:50%;
  transform:translateY(-50%);
}

.lightbox-counter{
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  color:#cfc3b9;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body.lightbox-open{
  overflow:hidden;
}

@media(max-width:850px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:520px){
  .gallery-grid{grid-template-columns:1fr;}
  .lightbox{padding:30px 18px 55px;}
  .lightbox-prev,.lightbox-next{
    width:42px;height:42px;font-size:23px;
  }
  .lightbox-prev{left:10px;}
  .lightbox-next{right:10px;}
}