:root{--bg:#080909;--panel:#111313;--soft:#f1f1ee;--ink:#0a0b0b;--muted:#9c9f9d;--line:#272a29;--accent:#d6d8d5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:26px 5vw;color:#fff}.logo{display:flex;flex-direction:column;font-family:Manrope,sans-serif;font-size:17px;line-height:.95;letter-spacing:.14em}.logo b{font-size:10px;letter-spacing:.31em;margin-top:5px}.nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav a{opacity:.82}.nav a:hover{opacity:1}.nav-cta{border:1px solid #fff;padding:11px 17px!important;opacity:1!important}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:780px;background:radial-gradient(circle at 78% 43%,#29302c 0,#111514 25%,#080909 58%);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.hero-content{position:relative;z-index:3;margin-left:9vw;max-width:650px;padding-top:60px}.eyebrow,.section-tag{font-size:10px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:#969b98}.hero .eyebrow{color:#c9cfcc}.hero h1,.page-hero h1,.cta h2{font:800 clamp(56px,7vw,104px)/.93 Manrope,sans-serif;letter-spacing:-.06em;margin:22px 0}.hero h1 em,.page-hero h1 em,.cta h2 em,h2 em{font-style:normal;color:#d6d8d5}.hero-text{font-size:18px;color:#c2c6c4;max-width:570px}.actions{display:flex;gap:12px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent}.btn-primary{background:#d6d8d5;color:#090a09}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border-color:#555a58;color:#fff}.btn-dark{background:#0a0b0b;color:#fff}.hero-meta{display:flex;gap:16px;align-items:center;color:#8d9390;font-size:10px;letter-spacing:.15em}.hero-meta i{width:4px;height:4px;background:#d6d8d5;border-radius:50%}.hero-car{position:absolute;width:65vw;height:430px;right:-8vw;bottom:55px;opacity:.7;filter:drop-shadow(0 30px 45px #000)}.car-body{position:absolute;left:8%;right:3%;bottom:85px;height:190px;background:linear-gradient(165deg,#505754,#171a19 48%,#080909);border-radius:58% 42% 12% 18%/45% 42% 16% 18%;transform:skewX(-8deg);border:1px solid #68706c}.car-light{position:absolute;left:25%;top:90px;width:52%;height:90px;border-top:2px solid #aaa;border-radius:50%;transform:skewX(-15deg);opacity:.35}.car-wheel{position:absolute;bottom:20px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,#444 0 22%,#111 23% 50%,#252826 51% 59%,#050505 60%);border:5px solid #1e211f}.w1{left:18%}.w2{right:15%}.ppf-line{position:absolute;left:13%;right:8%;bottom:205px;height:2px;background:linear-gradient(90deg,transparent,#d6d8d5,transparent);box-shadow:0 0 30px #d6d8d5;opacity:.55}.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);background:#0d0f0e;color:#fff;border-bottom:1px solid #252826}.trust-bar div{padding:24px 5vw;border-right:1px solid #252826}.trust-bar strong{display:block;font:700 18px Manrope;color:#fff}.trust-bar span{font-size:10px;color:#777e7a;text-transform:uppercase;letter-spacing:.1em}.section{padding:120px 9vw}.intro{background:var(--soft)}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;margin-top:25px}h2{font:800 clamp(42px,5vw,74px)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:10px 0 28px}.lead{font-size:21px}.dark{background:#0b0d0c;color:#fff}.feature{min-height:620px;padding:110px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.feature p,.article p{color:#aeb4b1;max-width:650px}.text-link{font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d6d8d5;display:inline-block;margin-top:18px}.ppf-visual{height:430px;background:radial-gradient(circle at 35% 35%,#38403b,#101211 55%,#070807);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #2c302e}.ppf-visual span{font:800 90px Manrope;letter-spacing:-.08em;color:#fff}.ppf-visual small{color:#777e7a;letter-spacing:.2em}.cards-section{background:#e8e8e4}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:50px;background:#bfc2be}.service-card{background:#f1f1ee;padding:38px;min-height:300px;position:relative}.service-card:hover{background:#fff}.number{font-size:10px;color:#888;letter-spacing:.1em}.service-card h3{font:800 28px Manrope;margin:55px 0 10px}.service-card p{color:#6d726f;max-width:300px}.arrow{position:absolute;right:28px;bottom:28px;font-size:20px}.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:580px}.split-image{background:radial-gradient(circle at 50% 50%,#38413d,#0d100f 60%);display:flex;align-items:center;justify-content:center;color:#fff;font:700 28px Manrope;letter-spacing:.1em}.split-copy{padding:90px 9vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d5d6d2;margin-top:55px}.process-grid>div{background:#fff;padding:32px;min-height:220px}.process-grid b{color:#8a8e8b;font:700 13px Manrope}.process-grid h3{font:700 20px Manrope;margin-top:45px}.process-grid p{font-size:14px;color:#737875}.brand-section{display:grid;grid-template-columns:1fr 1fr;background:#0b0d0c;color:#fff;text-align:center}.brand-section>div{padding:80px 20px;border-right:1px solid #252826}.brand-word{font:800 clamp(45px,6vw,90px) Manrope;letter-spacing:-.06em}.brand-section p{color:#747a77;letter-spacing:.15em;text-transform:uppercase;font-size:10px}.cta{background:#151817;color:#fff;padding:130px 9vw;text-align:center}.cta h2{font-size:clamp(55px,8vw,115px)}.footer{background:#070808;color:#fff;padding:70px 5vw 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:65px}.footer-top h4{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#747a77}.footer-top>div>a:not(.logo){display:block;color:#b9bfbc;font-size:13px;margin:7px 0}.footer-top p{color:#747a77;font-size:12px}.footer-bottom{border-top:1px solid #222523;padding-top:20px;display:flex;justify-content:space-between;color:#656b68;font-size:11px}.footer-bottom div{display:flex;gap:20px}.page-hero{min-height:620px;background:radial-gradient(circle at 75% 50%,#313934,#0a0c0b 58%);color:#fff;display:flex;align-items:center;padding:130px 9vw 90px}.page-hero>div{max-width:900px}.page-hero p:not(.eyebrow){font-size:19px;color:#b7bdb9;max-width:700px}.page-hero.small{min-height:400px}.article{max-width:none}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfd1cd;margin-top:55px}.info-grid>div{background:#f1f1ee;padding:35px;min-height:220px}.info-grid h3{font:700 22px Manrope}.info-grid p{color:#707571}.info-grid.two{grid-template-columns:1fr 1fr;background:#cfd1cd}.mini-brand{color:#111;font:800 13px Manrope;letter-spacing:.15em}.brand-panel{margin-top:50px;padding:80px;text-align:center;background:#0b0d0c;color:#fff}.brand-panel span{font:800 90px Manrope}.brand-panel small{display:block;color:#777e7a;letter-spacing:.15em}.gallery{background:#111;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-placeholder{aspect-ratio:1/1;background:radial-gradient(circle at 40% 35%,#454d48,#171a19 60%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font:700 16px Manrope;color:#d7dbd8}.gallery-placeholder small{font:10px "DM Sans";letter-spacing:.15em;color:#818884;margin-top:8px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact-info a{display:block;font:700 28px Manrope;margin:10px 0}.contact-info h3{margin-top:55px}.contact-info p{color:#777d79}.form{display:flex;flex-direction:column;gap:18px}.form label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.form input,.form textarea,.form select{display:block;width:100%;margin-top:8px;border:1px solid #c7cac6;background:#fff;padding:15px;font:15px "DM Sans";outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:#555}.form small{color:#777;font-size:11px}.legal{max-width:950px}.legal h2{font-size:34px;margin-top:55px}.legal-warning{padding:20px;border-left:3px solid #b7d63b;background:#e6eadc;margin-bottom:35px}.muted{color:#777}.site-header+main .article{min-height:300px}@media(max-width:900px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#080909;padding:25px 6vw;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:720px}.hero-content{margin:0 7vw;padding-top:90px}.hero-car{width:105vw;right:-40vw;bottom:15px;opacity:.42}.hero-text{font-size:16px}.trust-bar{grid-template-columns:1fr 1fr}.trust-bar div{padding:18px 7vw}.two-col,.feature,.split-section,.contact{grid-template-columns:1fr}.feature{gap:45px}.cards,.process-grid,.info-grid,.gallery-grid{grid-template-columns:1fr}.info-grid.two{grid-template-columns:1fr}.ppf-visual{height:300px}.split-image{min-height:350px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:15px}.section{padding:80px 7vw}.page-hero{padding:120px 7vw 70px;min-height:540px}.brand-section{grid-template-columns:1fr}.brand-section>div{border-right:0;border-bottom:1px solid #252826}.brand-panel{padding:55px 20px}.brand-panel span{font-size:60px}}@media(max-width:520px){.hero h1,.page-hero h1{font-size:51px}.cta h2{font-size:53px}.actions{flex-direction:column;align-items:stretch}.trust-bar{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom div{flex-wrap:wrap}.hero-meta{flex-wrap:wrap}.ppf-visual span{font-size:60px}}

.local-seo{background:#e7e8e5}.location-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.location-list span{border:1px solid #c4c7c3;padding:10px 15px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#f3f3f0}.local-seo .lead{max-width:850px;color:#5f6461}

.logo-img{height:64px;width:auto;display:block;object-fit:contain}.footer .logo-img{height:36px}.image-feature{background:#111;overflow:hidden}.image-feature img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}.xpel-example{background:#111;padding:0}.xpel-example img{width:100%;display:block;max-height:620px;object-fit:cover}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.pill-list span{border:1px solid #c8cbc7;padding:9px 13px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cfd1cd;margin-top:55px}.advantage-grid>div{background:#f1f1ee;padding:30px;min-height:190px}.advantage-grid h3{font:700 19px Manrope;margin:28px 0 8px}.advantage-grid p{font-size:13px;color:#707571}.faq{max-width:950px}.faq details{border-top:1px solid #c8cbc7;padding:24px 0}.faq summary{cursor:pointer;font:700 18px Manrope}.faq p{color:#686d69;margin:12px 0 0}@media(max-width:900px){.advantage-grid{grid-template-columns:1fr 1fr}.image-feature img{min-height:300px}}@media(max-width:520px){.advantage-grid{grid-template-columns:1fr}.logo-img{height:50px}}

/* FAQ: compact, premium and useful – no keyword-stuffing appearance */
.faq-list{display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,.14)}
.faq-list details{border-bottom:1px solid rgba(0,0,0,.14);padding:0}
.faq-list summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:700;font-size:16px;display:flex;justify-content:space-between;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font-size:22px;font-weight:400;color:#777}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{margin:0 0 22px;color:#666;max-width:650px;font-size:14px}
@media(max-width:800px){.faq-list summary{font-size:15px}}

/* Official partner brand assets */
.partner-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:95px}
.partner-logo{display:block;object-fit:contain;max-width:220px;max-height:48px}
.partner-logo-xpel{filter:brightness(0) invert(1)}
.partner-logo-gtechniq{max-width:235px;max-height:52px}
.service-brand-logo{display:block;object-fit:contain;margin:14px 0 12px;max-height:30px;max-width:145px}
.service-brand-logo-gtechniq{max-width:155px;max-height:34px}
.subpage-brand{max-width:1200px;margin:28px auto -10px;padding:0 28px;display:flex;justify-content:flex-end}
.subpage-brand-logo{display:block;object-fit:contain;max-width:190px;max-height:48px}
.subpage-brand-logo-gtechniq{max-width:210px}
@media(max-width:700px){.partner-logo{max-width:170px;max-height:40px}.service-brand-logo{max-width:125px}.subpage-brand{justify-content:flex-start;margin-top:20px}.subpage-brand-logo{max-width:150px;max-height:38px}}

/* === V8: professional subpage system === */
.subpage .site-header{
  position:sticky;top:0;background:rgba(7,8,8,.96);backdrop-filter:blur(14px);
  border-bottom:1px solid #222523;color:#fff;padding:18px 5vw;z-index:50
}
.subpage .site-header .logo-img{height:48px}
.subpage .nav a{color:#d8dcda;opacity:.72;position:relative;padding:8px 0}
.subpage .nav a:hover,.subpage .nav a.is-current{color:#fff;opacity:1}
.subpage .nav a.is-current:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:#fff}
.subpage .nav .nav-cta{padding:11px 17px!important;border-color:#5e6461}
.subpage .menu-toggle{color:#fff}

.subpage .page-hero{
  min-height:600px;padding:100px 9vw 105px;
  background:radial-gradient(circle at 76% 40%,#303733 0,#171a18 24%,#0a0c0b 58%,#070808 100%);
  border-bottom:1px solid #252826;overflow:hidden;position:relative
}
.subpage .page-hero:after{content:"";position:absolute;right:-12vw;bottom:-28vw;width:58vw;height:58vw;border:1px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}
.page-hero-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);gap:7vw;align-items:center}
.page-hero-copy{max-width:900px;position:relative;z-index:2}
.hero-brandmark{justify-self:end;align-self:center;width:min(330px,26vw);height:150px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.hero-brandmark:before{content:"";position:absolute;inset:-28px;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 67%);pointer-events:none}
.hero-brandmark img{position:relative;max-width:100%;max-height:80px;object-fit:contain;opacity:.92}
.hero-brandmark-xpel img{filter:invert(1);max-height:72px}
.hero-brandmark-gtechniq img{max-height:72px}

.protection-showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:center;background:#e9e9e6}
.protection-showcase-copy p{color:#666b68;max-width:520px}
.showcase-note{font-size:13px;padding-top:18px;border-top:1px solid #c9cbc8;margin-top:28px}
.protection-figure{margin:0;min-width:0}
.protection-image-frame{background:#fff;border:1px solid #d0d2cf;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.08)}
.protection-image-frame img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain}
.protection-figure figcaption{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#777c79;margin-top:12px;text-align:right}

.system-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d2d4d1;margin-top:48px;border:1px solid #d2d4d1}
.system-strip>div{background:#f1f1ee;padding:28px;min-height:160px;display:flex;flex-direction:column}
.system-strip span{font-size:10px;letter-spacing:.14em;color:#8a8f8c}
.system-strip strong{font:700 18px Manrope;margin-top:30px}
.system-strip small{font-size:12px;color:#777c79;margin-top:6px}

/* Remove legacy floating logo treatment on subpages. */
.subpage-brand{display:none!important}

@media(max-width:900px){
  .subpage .site-header{padding:14px 7vw}
  .subpage .site-header .logo-img{height:42px}
  .subpage .nav{top:70px;background:#080909;border-top:1px solid #242725}
  .page-hero-brand{grid-template-columns:1fr}
  .hero-brandmark{justify-self:start;width:210px;height:72px;margin-top:8px}
  .hero-brandmark img{max-height:50px}
  .hero-brandmark-xpel img{max-height:44px}
  .protection-showcase{grid-template-columns:1fr;gap:45px}
  .protection-figure{order:2}
  .system-strip{grid-template-columns:1fr}
}
@media(max-width:520px){
  .subpage .page-hero{min-height:auto;padding:75px 7vw 80px}
  .hero-brandmark{width:170px;height:54px}
  .protection-image-frame{padding:10px}
}


/* === V9: Instagram references === */
.instagram-section{background:#0b0d0c;color:#fff}
.instagram-head{display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:end;margin-bottom:48px}
.instagram-head h2{margin-bottom:0}
.instagram-intro{max-width:560px;justify-self:end}
.instagram-intro p{color:#aeb4b1;margin:0 0 24px}
.instagram-feed-shell{border-top:1px solid #292d2b;padding-top:28px}
.instagram-status{display:flex;align-items:center;gap:10px;color:#cdd1cf;margin-bottom:22px;flex-wrap:wrap}
.instagram-status small{width:100%;color:#767d79;margin-left:18px}
.instagram-dot{width:7px;height:7px;border-radius:50%;background:#d6d8d5;box-shadow:0 0 0 5px rgba(214,216,213,.08)}
.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.instagram-card{position:relative;display:block;aspect-ratio:1/1;background:#171a19;overflow:hidden;border:1px solid #242826}
.instagram-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,opacity .3s ease}
.instagram-card:hover img{transform:scale(1.025);opacity:.84}
.instagram-card:after{content:'↗';position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;background:rgba(7,8,8,.72);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;opacity:0;transition:opacity .25s ease}
.instagram-card:hover:after{opacity:1}
.instagram-card-meta{position:absolute;left:0;right:0;bottom:0;padding:50px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.74));font-size:11px;color:#e5e7e6;letter-spacing:.03em}
.instagram-empty{grid-column:1/-1;padding:54px 30px;border:1px solid #262a28;text-align:center;color:#8f9692;background:#101211}
.instagram-empty strong{display:block;color:#fff;font:700 20px Manrope;margin-bottom:8px}
.instagram-noscript{color:#aeb4b1}
.instagram-noscript a{color:#fff;text-decoration:underline}
@media(max-width:900px){.instagram-head{grid-template-columns:1fr;gap:28px}.instagram-intro{justify-self:start}.instagram-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.instagram-grid{grid-template-columns:1fr}.instagram-status small{margin-left:0}}


/* ===== V10 PHOTO EDITION ===== */
.home-photo-hero{position:relative;min-height:86vh;overflow:hidden;background:#080808;display:flex;align-items:flex-end}
.home-photo-hero .hero-photo{position:absolute;inset:0;background:url('assets/hero.webp') center 44%/cover no-repeat;transform:scale(1.01)}
.home-photo-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.08) 78%),linear-gradient(0deg,rgba(0,0,0,.76) 0%,transparent 38%)}
.home-photo-hero .hero-content{position:relative;z-index:2;padding-top:190px;padding-bottom:125px;max-width:820px}
.home-photo-hero h1{font-size:clamp(56px,7.2vw,116px);line-height:.88;letter-spacing:-.055em}
.home-photo-hero .hero-text{max-width:660px;color:rgba(255,255,255,.78);font-size:18px}
.hero-proof{position:absolute;z-index:3;left:5vw;right:5vw;bottom:28px;display:flex;gap:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.22);font-size:11px;letter-spacing:.15em;color:rgba(255,255,255,.72)}
.premium-photo img{width:100%;height:100%;object-fit:cover;min-height:540px}
.photo-card{position:relative;overflow:hidden;min-height:390px;background:#111!important;color:#fff!important;display:flex!important;flex-direction:column;justify-content:flex-end}
.photo-card:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .55s ease;z-index:0}
.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.08) 75%);z-index:1}
.photo-card:hover:before{transform:scale(1.035)}
.ppf-card:before{background-image:url('assets/xpel.webp')}.detailing-card:before{background-image:url('assets/detailing.webp')}.ceramic-card:before{background-image:url('assets/keramik.webp')}
.photo-card>*{position:relative;z-index:2}.photo-card p{color:rgba(255,255,255,.72)!important}.photo-card .number{position:absolute;top:24px;left:24px}.photo-card .service-brand-logo{filter:brightness(0) invert(1);max-width:180px;margin-bottom:16px}.photo-card .service-brand-logo-gtechniq{filter:none;max-width:220px}
.project-showcase{background:#0a0a0a;color:#fff}.showcase-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:48px}.showcase-head p{color:#aaa;max-width:520px}.photo-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:310px;gap:10px}.photo-tile{overflow:hidden;background:#161616}.photo-tile.wide{grid-row:span 2}.photo-tile:last-child{grid-column:2/span 2}.photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.photo-tile:hover img{transform:scale(1.025)}.showcase-link{display:inline-flex;margin-top:28px;color:#fff!important}
/* Real workshop imagery on subpage hero sections */
.photo-subpage .page-hero,.photo-subpage .sub-hero,.photo-subpage .hero-small{position:relative;overflow:hidden;background:#090909!important;color:#fff!important;isolation:isolate}
.photo-subpage .page-hero:before,.photo-subpage .sub-hero:before,.photo-subpage .hero-small:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}
.photo-subpage .page-hero:after,.photo-subpage .sub-hero:after,.photo-subpage .hero-small:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.35) 70%,rgba(0,0,0,.15));z-index:-1}
.page-ppf .page-hero:before,.page-ppf .sub-hero:before,.page-ppf .hero-small:before{background-image:url('assets/ppf.webp')}.page-xpel .page-hero:before,.page-xpel .sub-hero:before,.page-xpel .hero-small:before{background-image:url('assets/xpel.webp')}.page-detailing .page-hero:before,.page-detailing .sub-hero:before,.page-detailing .hero-small:before{background-image:url('assets/detailing.webp')}.page-keramik .page-hero:before,.page-keramik .sub-hero:before,.page-keramik .hero-small:before{background-image:url('assets/keramik.webp')}.page-gtechniq .page-hero:before,.page-gtechniq .sub-hero:before,.page-gtechniq .hero-small:before{background-image:url('assets/gtechniq.webp')}.page-about .page-hero:before,.page-about .sub-hero:before,.page-about .hero-small:before{background-image:url('assets/about.webp')}.page-gallery5 .page-hero:before,.page-gallery5 .sub-hero:before,.page-gallery5 .hero-small:before{background-image:url('assets/gallery5.webp')}.page-gallery6 .page-hero:before,.page-gallery6 .sub-hero:before,.page-gallery6 .hero-small:before{background-image:url('assets/gallery6.webp')}
.photo-subpage .site-header{background:rgba(7,7,7,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}
.photo-subpage .nav a{color:#fff!important}.photo-subpage .menu-toggle{color:#fff!important}
@media(max-width:850px){.home-photo-hero{min-height:760px}.home-photo-hero .hero-photo{background-position:62% center}.home-photo-hero .hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.35) 75%)}.home-photo-hero .hero-content{padding-top:180px;padding-bottom:145px}.hero-proof{gap:12px;flex-wrap:wrap}.showcase-head{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.photo-tile.wide{grid-column:span 2;grid-row:span 1}.photo-tile:last-child{grid-column:auto}.premium-photo img{min-height:360px}}


/* === V11: visible photography on PPF, XPEL and Detailing subpages === */
.subpage-photo-band{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch;background:#0b0c0c;color:#fff;min-height:590px;border-top:1px solid #232625;border-bottom:1px solid #232625}
.subpage-photo-copy{padding:85px clamp(28px,6vw,92px);display:flex;flex-direction:column;justify-content:center}
.subpage-photo-copy h2{font-size:clamp(42px,4.3vw,70px);line-height:.98;letter-spacing:-.045em;margin:18px 0 24px}
.subpage-photo-copy h2 em{font-weight:300;color:#b8bdb9}
.subpage-photo-copy p{max-width:620px;color:#aeb3b0;font-size:16px;line-height:1.75;margin:0}
.subpage-photo-copy .section-tag{color:#dfe2df}
.subpage-photo-frame{margin:0;min-height:590px;overflow:hidden;background:#111}
.subpage-photo-frame img{display:block;width:100%;height:100%;min-height:590px;object-fit:cover;object-position:center}
.page-ppf .subpage-photo-frame img{object-position:center 52%}
.page-xpel .subpage-photo-frame img{object-position:center 55%}
.page-detailing .subpage-photo-frame img{object-position:center 48%}
.photo-subpage .page-hero{background:#080909!important}
.photo-subpage .page-hero>*{position:relative;z-index:2}
.photo-subpage .page-hero:before{filter:saturate(.9) contrast(1.02)}
.photo-subpage .page-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 40%,rgba(0,0,0,.28) 73%,rgba(0,0,0,.16) 100%)!important}
@media(max-width:900px){.subpage-photo-band{grid-template-columns:1fr;min-height:0}.subpage-photo-copy{padding:68px 7vw}.subpage-photo-frame,.subpage-photo-frame img{min-height:390px}.subpage-photo-frame{order:-1}}
@media(max-width:520px){.subpage-photo-frame,.subpage-photo-frame img{min-height:300px}.subpage-photo-copy h2{font-size:42px}}

.page-keramik .subpage-photo-frame img{object-position:center 50%}

/* v13: authority, search & AI discovery improvements */
.expertise{background:#f3f3f1}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7d7d4;margin-top:48px}.proof-grid>div{background:#fff;padding:28px}.proof-grid strong{display:block;font-size:1.15rem;margin-bottom:7px}.proof-grid span{font-size:.86rem;color:#686868}.expert-note{margin-top:42px;padding:28px;border-left:3px solid #aaa;background:#f3f3f1}.expert-note strong{font-size:1.05rem}.expert-note p{margin:8px 0 0}.accredited-strip{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:20px max(5vw,24px);background:#111;color:#fff;border-top:1px solid #2b2b2b}.accredited-strip div{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}.accredited-strip span{color:#bdbdbd;font-size:.9rem}.accredited-strip a{color:#fff;text-decoration:none;white-space:nowrap;font-size:.85rem}.refs-gallery{padding-top:80px}.faq-list.compact{margin-top:40px}.faq-list.compact details{border-top:1px solid #ddd;padding:18px 0}.faq-list.compact details:last-child{border-bottom:1px solid #ddd}@media(max-width:800px){.proof-grid{grid-template-columns:1fr 1fr}.accredited-strip{align-items:flex-start;flex-direction:column}.refs-grid{grid-template-columns:1fr}}

/* v15 homepage refinements */
.transport-visual{padding:0;overflow:hidden;background:#0b0d0c}
.transport-visual img{width:100%;height:100%;min-height:580px;display:block;object-fit:cover;object-position:center}
.xpel-diagram-feature{background:#fff;padding:24px;border:1px solid #2c302e}
.xpel-diagram-feature img{width:100%;height:auto;max-height:500px;object-fit:contain;display:block}
@media(max-width:900px){.transport-visual img{min-height:350px}.xpel-diagram-feature{padding:14px}}

/* v16 explicit XPEL contrast rules */
.brand-section .partner-logo-xpel,.photo-card .service-brand-logo-xpel{filter:brightness(0) invert(1)!important;}

/* v18: Keramik process photo */
.keramik-process-photo .subpage-photo-frame{margin:0;min-height:360px;overflow:hidden}
.keramik-process-photo .subpage-photo-frame img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
@media (max-width:800px){.keramik-process-photo .subpage-photo-frame,.keramik-process-photo .subpage-photo-frame img{min-height:260px}}

/* v20: persönliches Über-uns-Foto */
.page-about-personal .page-hero:before{background-image:url('assets/about-manuel-ppf.webp')!important;background-position:center 42%!important}
@media(max-width:900px){.page-about-personal .page-hero:before{background-position:62% center!important}.page-about-personal .page-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.74) 52%,rgba(0,0,0,.28) 100%)!important}}

/* v21: persönliches Arbeitsfoto auf Über-uns-Seite */
.about-work-photo{padding-top:0!important;padding-bottom:clamp(48px,7vw,96px)!important}
.about-photo-wrap{max-width:1180px;margin:0 auto;overflow:hidden;border-radius:18px;background:#111;box-shadow:0 24px 70px rgba(0,0,0,.14)}
.about-photo-wrap img{display:block;width:100%;height:auto;max-height:820px;object-fit:cover;object-position:center}
@media(max-width:700px){.about-photo-wrap{border-radius:12px}.about-work-photo{padding-left:18px!important;padding-right:18px!important}}

/* v22: Über-uns Arbeitsfoto vollständig und etwas kleiner anzeigen */
.about-photo-wrap{max-width:820px!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}
.about-photo-wrap img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:14px;box-shadow:0 20px 55px rgba(0,0,0,.16)}
@media(max-width:900px){.about-photo-wrap{max-width:720px!important}}

.social-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.social-buttons .btn{margin:0}.btn-outline{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff}.btn-outline:hover{background:#fff;color:#111}
/* v27 reference gallery + matching social buttons */
.refs-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:280px}
.refs-grid .photo-tile.wide{grid-column:span 2;grid-row:span 2}
.refs-grid .photo-tile:last-child{grid-column:auto}
.social-buttons .btn-outline{min-width:245px}
@media(max-width:850px){.refs-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.refs-grid .photo-tile.wide{grid-column:span 2;grid-row:span 1}}
@media(max-width:520px){.refs-grid{grid-template-columns:1fr;grid-auto-rows:240px}.refs-grid .photo-tile.wide{grid-column:auto}.social-buttons{flex-direction:column}.social-buttons .btn-outline{width:100%;min-width:0}}

/* v29 legal pages */
.legal{max-width:980px;margin:0 auto}.legal h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;margin:54px 0 14px}.legal p{max-width:820px;color:#555b58;font-size:16px;line-height:1.8;margin:0 0 18px}.legal a{text-decoration:underline;text-underline-offset:3px}.legal .section-tag{margin-bottom:28px}.legal .muted{margin-top:48px;color:#858a87}@media(max-width:520px){.legal h2{margin-top:40px}.legal p{font-size:15px}.page-hero.small{min-height:300px}}

/* Language switch */
.lang-switch{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 10px!important;border:1px solid rgba(255,255,255,.38);border-radius:999px;font-size:.78rem!important;font-weight:700;letter-spacing:.08em;line-height:1;color:inherit!important}
.lang-switch:hover{border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.08)}
.legal-lang-note{margin:0 0 1.5rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:10px;font-size:.9rem;opacity:.82}
@media(max-width:850px){.nav .lang-switch{width:max-content;min-width:52px;margin-top:.25rem}}

/* v32 enquiry form */
.form-status{display:none;padding:14px 16px;border:1px solid #c7cac6;background:#fff;font-size:14px;line-height:1.5}.form-status.is-visible{display:block}.form-status.is-success{border-color:#7f8d84}.form-status.is-error{border-color:#8f6c6c}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form small a{text-decoration:underline;text-underline-offset:2px}

/* v33 mobile horizontal overflow hardening (PPF page) */
.page-ppf{overflow-x:hidden}
@media(max-width:900px){
  .page-ppf main,
  .page-ppf main>section,
  .page-ppf .page-hero-copy,
  .page-ppf .subpage-photo-copy,
  .page-ppf .subpage-photo-frame,
  .page-ppf .protection-showcase-copy,
  .page-ppf .protection-figure,
  .page-ppf .protection-image-frame,
  .page-ppf .info-grid,
  .page-ppf .info-grid>div,
  .page-ppf .expert-note,
  .page-ppf .faq-list,
  .page-ppf .footer,
  .page-ppf .footer-top,
  .page-ppf .footer-bottom{min-width:0;max-width:100%}
  .page-ppf img{max-width:100%}
  .page-ppf h1,
  .page-ppf h2,
  .page-ppf h3,
  .page-ppf p,
  .page-ppf a,
  .page-ppf summary{overflow-wrap:anywhere;word-break:normal}
}


/* v38: slightly stronger contrast for two-tone headings on light content sections */
.section:not(.project-showcase) h2 em{color:#b4b8b5}