:root{
  --bg:#0e0f11;--bg2:#15171a;--card:#1b1d21;--paper:#f2eee7;--paper2:#e8e1d7;
  --text:#f7f4ef;--muted:#aeb2b8;--turquoise:#00aaa8;--pink:#e60073;--orange:#f58200;
  --line:rgba(255,255,255,.12);--shadow:0 22px 65px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;z-index:200;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00aaa8,#0b8f3c,#d7df00,#ffe600,#f58200,#e60073,#bd157d,#5b2a86)}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.wrap{width:min(1240px,calc(100% - 40px));margin:auto}
.eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#f261a5;font-weight:800}
.section{padding:112px 0}.section-title{font-size:clamp(2.5rem,5vw,5.4rem);line-height:.98;letter-spacing:-.045em;margin:.18em 0 .35em}
.section-copy{max-width:680px;color:var(--muted);font-size:1.08rem;line-height:1.8}
header{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(14,15,17,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.brand-logo{width:49px;height:49px;object-fit:contain;transition:.3s;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.brand:hover .brand-logo{transform:rotate(-3deg) scale(1.04)}.brand-copy b{display:block;font-size:1.3rem;line-height:1}.brand-copy span{font-size:.71rem;letter-spacing:.15em;color:#f261a5}
nav{display:flex;gap:27px;font-size:.92rem}nav a:hover{color:#f261a5}.nav-cta{padding:11px 17px;border-radius:999px;background:linear-gradient(135deg,var(--turquoise),var(--pink));font-weight:800}
.hero{min-height:100svh;display:grid;align-items:end;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(7,8,10,.95),rgba(7,8,10,.67) 44%,rgba(7,8,10,.15) 78%),
linear-gradient(0deg,rgba(7,8,10,.88),transparent 52%),
url('../images/projects/projekt-01.webp') center/cover no-repeat;transform:scale(1.02)}
.hero-grid{position:relative;z-index:2;padding:155px 0 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}
.hero h1{font-size:clamp(3.5rem,8vw,8.2rem);line-height:.88;letter-spacing:-.07em;margin:.15em 0 .2em;max-width:900px}
.hero p{max-width:670px;font-size:1.14rem;color:#ededed}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;font-weight:800;border:0;cursor:pointer;transition:.25s}
.btn.primary{background:linear-gradient(135deg,var(--turquoise),var(--pink));color:#fff}.btn.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn.ghost{border:1px solid rgba(255,255,255,.38);color:white;background:transparent}.hero-note{justify-self:end;max-width:340px;border-left:1px solid rgba(255,255,255,.3);padding-left:22px;color:#d7d8da}
.hero-note strong{display:block;color:#fff;font-size:1.1rem}.trustbar{background:#121316;border-block:1px solid var(--line)}.trustbar .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.trust{padding:25px 21px;border-right:1px solid var(--line)}.trust:last-child{border-right:0}.trust b{display:block}.trust span{font-size:.84rem;color:var(--muted)}
.about{background:var(--paper);color:#17181a}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.about .section-copy{color:#5f6368}
.portrait{position:relative}.portrait>img{width:100%;height:700px;object-fit:cover}.portrait-card{position:absolute;left:-32px;bottom:38px;background:#111;color:#fff;padding:25px;max-width:290px;box-shadow:var(--shadow)}
.process{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{padding-top:16px;border-top:1px solid #c8bfb5}.step b{display:block;font-size:1.5rem;color:#b50a65}.step span{font-size:.88rem;color:#686c71}
.services{background:var(--bg2)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.service{padding:31px;min-height:255px;background:var(--card);border:1px solid rgba(255,255,255,.08);transition:.25s}
.service:hover{transform:translateY(-4px);border-color:rgba(230,0,115,.5)}.service .num{font-size:.76rem;letter-spacing:.12em;color:#f261a5}.service h3{font-size:1.45rem;margin:46px 0 8px}.service p{color:var(--muted);margin:0}
.gallery-section{background:#0b0c0e}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.gallery-tabs{display:flex;gap:9px;flex-wrap:wrap}
.tab{border:1px solid rgba(255,255,255,.17);background:transparent;color:#eee;border-radius:999px;padding:10px 15px;cursor:pointer}.tab.active,.tab:hover{background:linear-gradient(135deg,var(--turquoise),var(--pink));border-color:transparent}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:12px}.gallery figure{margin:0;overflow:hidden;background:#222}.gallery figure:nth-child(1){grid-column:span 7;grid-row:span 2}
.gallery figure:nth-child(2),.gallery figure:nth-child(3){grid-column:span 5}.gallery figure:nth-child(4),.gallery figure:nth-child(5),.gallery figure:nth-child(6){grid-column:span 4}.gallery figure:nth-child(7),.gallery figure:nth-child(8){grid-column:span 6}
.gallery-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.gallery-open img{width:100%;height:100%;object-fit:cover;transition:.55s}.gallery figure:hover img{transform:scale(1.045)}
.compare-section{background:var(--paper2);color:#17181a}.compare-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.compare{position:relative;height:600px;overflow:hidden;background:#bbb}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare .after{clip-path:inset(0 0 0 50%)}.compare-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff}
.compare-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-weight:800}
.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare-label{position:absolute;top:18px;padding:8px 12px;background:rgba(0,0,0,.7);color:#fff;font-size:.8rem}.before-label{left:18px}.after-label{right:18px}
.cta{text-align:center;background:linear-gradient(rgba(5,6,8,.81),rgba(5,6,8,.87)),url('../images/projects/projekt-05.webp') center/cover fixed}.cta .wrap{max-width:900px}.cta h2{font-size:clamp(3rem,6vw,6.2rem);line-height:.96;margin:.2em 0 .3em}
.contact{background:#111316}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}.contact-list{display:grid;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-top:28px}.contact-item small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#858b92;font-size:.7rem;font-weight:800}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea,select{width:100%;padding:16px;background:#1a1c20;color:#fff;border:1px solid rgba(255,255,255,.13)}textarea{min-height:155px;resize:vertical;grid-column:1/-1}.full{grid-column:1/-1}.form-note{font-size:.76rem;color:#8d9299}.honeypot{position:absolute;left:-9999px}
.status{padding:14px 18px;margin-bottom:18px;border-radius:8px}.status.success{background:#123c2d;color:#bdf0d5}.status.error{background:#4a1f27;color:#ffd0d8}
.map-link{margin-top:25px;display:inline-flex;gap:8px;color:#65d7d5;font-weight:800}.map-link:hover{text-decoration:underline}
footer{background:#090a0b;padding:34px 0;color:#9ea2a7}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row a{color:#66d5d4}
.float-whatsapp,.to-top{position:fixed;z-index:90;border:0;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.3)}.float-whatsapp{right:18px;bottom:18px;background:#25d366;color:#fff;padding:14px 18px;border-radius:999px;font-weight:800}.to-top{right:23px;bottom:82px;width:44px;height:44px;border-radius:50%;background:#fff;color:#111;display:none}
.to-top.visible{display:block}.reveal{opacity:0;transform:translateY(24px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(5,6,7,.96);display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:min(94vw,1500px);max-height:88vh;object-fit:contain;box-shadow:var(--shadow)}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:1px solid rgba(255,255,255,.25);background:rgba(20,20,20,.65);color:#fff;cursor:pointer}.lightbox-close{top:18px;right:18px;width:48px;height:48px;border-radius:50%;font-size:1.8rem}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:54px;height:68px;border-radius:10px;font-size:2rem}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-counter{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(20,20,20,.58);padding:7px 12px;border-radius:999px}.lightbox-open{overflow:hidden}
.legal{background:var(--paper);color:#222;min-height:100vh;padding:120px 0 70px}.legal article{max-width:920px;background:#fff;padding:45px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.legal h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1}.legal h2{margin-top:2em}.legal h3{margin-top:1.7em}.legal a{color:#007c7b;text-decoration:underline}.legal .back{display:inline-block;margin-bottom:22px}
.not-found{min-height:100vh;display:grid;place-items:center;text-align:center;padding:40px}.not-found h1{font-size:clamp(5rem,15vw,12rem);margin:0;line-height:.8;color:#f261a5}
@media(max-width:980px){nav{display:none}.nav-cta{display:none}.hero-grid,.about-grid,.compare-wrap,.contact-grid{grid-template-columns:1fr}.hero-note{justify-self:start}.trustbar .wrap{grid-template-columns:1fr 1fr}.trust:nth-child(2){border-right:0}.service-grid{grid-template-columns:1fr 1fr}.portrait-card{left:20px}.gallery{grid-template-columns:1fr;grid-auto-rows:330px}.gallery figure{grid-column:auto!important;grid-row:auto!important}.compare{height:500px}}
@media(max-width:650px){.section{padding:82px 0}.wrap{width:min(100% - 26px,1240px)}.hero-grid{padding-top:130px}.hero h1{font-size:3.5rem}.trustbar .wrap,.service-grid,.process,form{grid-template-columns:1fr}.trust{border-right:0;border-bottom:1px solid var(--line)}.full,textarea{grid-column:1}.portrait>img{height:510px}.portrait-card{position:relative;left:auto;bottom:auto;margin-top:-25px}.gallery-head{display:block}.gallery-tabs{margin-top:18px}.compare{height:420px}.lightbox-prev,.lightbox-next{width:44px;height:56px}.legal article{padding:25px}}