@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4f0;color:#111;font-family:'DM Sans',Arial,sans-serif}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}header{position:fixed;top:0;left:0;right:0;height:78px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(245,244,240,.9);backdrop-filter:blur(14px);border-bottom:1px solid #ddd9d1}header img{width:145px;height:auto}nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}nav a:last-child{border-bottom:1px solid #111;padding-bottom:4px}.hero{height:92vh;min-height:680px;position:relative;overflow:hidden;background:#111}.hero-img{position:absolute;inset:0}.hero-img img{height:100%;filter:brightness(.68)}.hero-overlay{position:absolute;left:7vw;bottom:9vh;max-width:680px;color:#fff}.hero-overlay span,.head>span,.intro>div>span,.bath-copy>span,.services span,.about span,.cta>span,.instagram span,.contact>span{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(58px,8vw,125px);line-height:.86;font-weight:500;letter-spacing:-.055em;margin:20px 0 28px}.hero h1 i,h2 i{font-family:'Playfair Display',serif;font-weight:400}.hero p{font-size:17px;line-height:1.55;max-width:520px;margin:0 0 30px}.hero a{font-size:11px;letter-spacing:.16em}.hero-meta{position:absolute;right:5vw;bottom:6vh;color:#fff;font-size:11px;letter-spacing:.15em}.intro{padding:150px 7vw 130px;display:grid;grid-template-columns:80px 1.2fr 1fr;gap:35px;align-items:start;border-bottom:1px solid #d8d5ce}.intro .num{font-size:11px;letter-spacing:.15em}.intro h2,.head h2,.bath-copy h2,.services h2,.about h2,.cta h2,.instagram h2,.contact h2{font-size:clamp(42px,5vw,76px);font-weight:500;letter-spacing:-.045em;line-height:.95;margin:20px 0}.intro p,.head p{font-size:15px;line-height:1.7;max-width:480px;margin:38px 0 0}.projects,.commercial,.renovation{padding:125px 7vw}.head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:65px}.head h2{margin:15px 0 0}.head p{margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery img{height:260px}.gallery .big{grid-column:1/-1;height:500px}.bathroom{display:grid;grid-template-columns:38% 62%;min-height:650px}.bath-copy{background:#151515;color:#fff;padding:100px 8vw}.bath-copy p{line-height:1.7;max-width:330px;color:#c9c6c0}.bath-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.bath-grid img{height:100%}.commercial{border-top:1px solid #d8d5ce}.renovation{background:#e9e7e1}.reno-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reno-grid img{height:250px}.reno-grid .big{grid-column:1/-1;height:520px}.services{padding:130px 7vw;background:#111;color:#fff}.services .head{margin-bottom:55px}.service-list{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #444}.service-list article{padding:28px 22px 30px 0;border-right:1px solid #444}.service-list article+article{padding-left:22px}.service-list b{font-size:10px;letter-spacing:.15em;color:#999}.service-list h3{font-size:20px;font-weight:500;margin:50px 0 18px}.service-list p{font-size:13px;line-height:1.6;color:#aaa}.about{padding:140px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about p{max-width:560px;line-height:1.75;font-size:15px}.blueprint{padding:28px;background:#e4e1d9}.blueprint img{mix-blend-mode:multiply}.cta{padding:150px 7vw;background:#d9d5cc;text-align:center}.cta h2{font-size:clamp(52px,7vw,105px)}.cta p{max-width:480px;margin:0 auto 35px;line-height:1.6}.cta a{font-size:11px;letter-spacing:.16em;border-bottom:1px solid #111;padding-bottom:8px}.instagram{padding:125px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.instagram p{max-width:420px;line-height:1.7}.instagram a{font-size:12px;letter-spacing:.12em}.ig{min-height:300px;border:1px solid #bbb6ad;display:flex;flex-direction:column;justify-content:space-between;padding:35px}.ig strong{font-size:35px;font-weight:500;letter-spacing:-.03em}.ig span{font-size:10px}.contact{background:#111;color:#fff;padding:140px 7vw;position:relative}.contact .mail{font-size:clamp(30px,4vw,55px);display:inline-block;margin:20px 0 80px;border-bottom:1px solid #555}.details{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-top:1px solid #444;padding-top:25px;color:#aaa;font-size:12px}.details b{color:#fff}footer{background:#111;color:#777;padding:35px 7vw;border-top:1px solid #333;display:flex;justify-content:space-between;align-items:center;font-size:11px}footer img{width:120px;filter:invert(1)}@media(max-width:800px){nav{display:none}.hero{min-height:650px}.hero-overlay{left:7vw;right:7vw}.hero h1{font-size:58px}.intro,.about,.instagram{grid-template-columns:1fr}.head{grid-template-columns:1fr}.gallery,.reno-grid{grid-template-columns:1fr 1fr}.gallery .big,.reno-grid .big{grid-column:1/-1}.bathroom{grid-template-columns:1fr}.bath-grid img{height:350px}.service-list{grid-template-columns:1fr 1fr}.details{grid-template-columns:1fr 1fr}.intro{padding-top:100px}.projects,.commercial,.renovation{padding:90px 6vw}}
@media(max-width:520px){.gallery,.reno-grid{grid-template-columns:1fr}.gallery img,.reno-grid img{height:280px}.gallery .big,.reno-grid .big{height:360px}.service-list{grid-template-columns:1fr}.service-list article+article{padding-left:0}.details{grid-template-columns:1fr}.hero-overlay p{font-size:15px}}

/* Punkt 05 – unified photo treatment */
.renovation .reno-grid img {
  filter: saturate(.78) contrast(.96) brightness(.98) sepia(.08);
}


/* Marble Group – multicolor headline system
   Applied to the approved final version only.
   Layout, imagery and content remain unchanged. */
:root{
  --burgundy:#7A3035;
  --burgundy-deep:#64262B;
  --sand:#D8C4A4;
  --sand-light:#E9DDC9;
  --green:#3F5B47;
  --green-deep:#294536;
  --ochre:#B4773D;
  --ink:#171614;
}

/* Hero */
.hero-overlay > span{color:var(--sand-light);}
.hero-overlay h1{color:var(--sand-light) !important;}
.hero-overlay h1 i{color:var(--burgundy) !important;}

/* 01 – intro */
.intro > div > span{color:var(--burgundy);}
.intro h2{color:var(--green);}
.intro h2 i{color:var(--burgundy);}

/* 02 – selected project */
.projects .head > span{color:var(--green);}
.projects .head h2{color:var(--burgundy);}
.projects .head h2 i{color:var(--green);}

/* 03 – bathroom */
.bath-copy > span{color:var(--sand);}
.bath-copy h2{color:var(--sand-light);}
.bath-copy h2 i{color:var(--burgundy);}

/* 04 – commercial */
.commercial .head > span{color:var(--burgundy);}
.commercial .head h2{color:var(--green);}
.commercial .head h2 i{color:var(--ochre);}

/* 05 – total renovation */
.renovation .head > span{color:var(--green);}
.renovation .head h2{color:var(--burgundy);}
.renovation .head h2 i{color:var(--green);}

/* 06 – services */
.services .head > span{color:var(--sand);}
.services .head h2{color:var(--sand-light);}
.services .head h2 i{color:var(--burgundy);}
.service-list b{color:var(--sand) !important;}

/* 07 – about */
.about > div:first-child > span{color:var(--green);}
.about h2{color:var(--burgundy);}
.about h2 i{color:var(--green);}

/* CTA */
.cta > span{color:var(--burgundy);}
.cta h2{color:var(--green);}
.cta h2 i{color:var(--burgundy);}
.cta a{border-color:var(--green);}

/* 08 – Instagram */
.instagram > div:first-child > span{color:var(--green);}
.instagram h2{color:var(--burgundy);}
.instagram h2 i{color:var(--green);}

/* 09 – contact */
.contact > span{color:var(--sand);}
.contact h2{color:var(--sand-light);}
.contact h2 i{color:var(--burgundy);}
.contact .mail{color:var(--sand-light);border-color:var(--burgundy);}

/* Small navigation accents */
nav a:hover{color:var(--burgundy);}