:root{
  --page:min(1440px,calc(100vw - 64px));
  --ease:cubic-bezier(.16,1,.3,1);
  --fast:180ms;
  --base:420ms;
  --slow:760ms;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
.experience-page{min-height:100svh}
.experience-page main{overflow:clip}
.experience-skip{position:fixed;z-index:300;top:12px;left:12px;padding:11px 15px;background:#fff;color:#111;transform:translateY(-150%);transition:transform var(--fast)}
.experience-skip:focus{transform:none}
.experience-container{width:var(--page);margin-inline:auto}
.experience-header{position:fixed;z-index:100;inset:0 0 auto;height:82px;border-bottom:1px solid transparent;transition:height var(--base) var(--ease),background var(--base),border-color var(--base)}
.experience-header.is-scrolled{height:70px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.experience-header-inner{width:var(--page);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.experience-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.experience-brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;font-size:.76rem}
.experience-brand small{display:block;margin-top:3px;font-size:.62rem;font-weight:650;letter-spacing:.14em;opacity:.62}
.experience-nav{display:flex;align-items:center;gap:clamp(18px,2vw,34px);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.experience-nav a{position:relative;padding:8px 0;opacity:.7;transition:opacity var(--fast),color var(--fast)}
.experience-nav a::after{content:"";position:absolute;right:0;bottom:1px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--base) var(--ease)}
.experience-nav a:hover,.experience-nav a:focus-visible{opacity:1}
.experience-nav a:hover::after,.experience-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.experience-menu-toggle{display:none;position:relative;width:46px;height:46px;border:1px solid currentColor;background:transparent;color:inherit}
.experience-menu-toggle span{position:absolute;left:12px;right:12px;height:1px;background:currentColor;transition:transform var(--base) var(--ease),top var(--base) var(--ease)}
.experience-menu-toggle span:first-child{top:18px}.experience-menu-toggle span:last-child{top:27px}
.menu-open .experience-menu-toggle span:first-child{top:22px;transform:rotate(45deg)}
.menu-open .experience-menu-toggle span:last-child{top:22px;transform:rotate(-45deg)}
.experience-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 21px;border:1px solid currentColor;font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;transition:transform var(--fast),background var(--fast),color var(--fast),border-color var(--fast)}
.experience-button:hover{transform:translateY(-2px)}
.experience-button:focus-visible,.experience-nav a:focus-visible,.experience-menu-toggle:focus-visible,.demo-dock a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.experience-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;font-size:.7rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.experience-eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
.experience-hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:128px 0 82px;overflow:hidden}
.experience-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(46px,7vw,120px);align-items:center}
.experience-hero h1{max-width:880px;margin:0;font-size:clamp(3.8rem,7vw,7.6rem);line-height:.9;letter-spacing:-.065em}
.experience-lead{max-width:690px;margin:28px 0 0;font-size:clamp(1.05rem,1.35vw,1.35rem);line-height:1.62;opacity:.76}
.experience-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.experience-section{position:relative;padding:clamp(90px,10vw,160px) 0}
.experience-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:50px;align-items:end;margin-bottom:clamp(48px,7vw,94px)}
.experience-section h2{max-width:900px;margin:0;font-size:clamp(2.8rem,5.8vw,6.5rem);line-height:.94;letter-spacing:-.055em}
.experience-section-head p{margin:0;font-size:1.05rem;line-height:1.7;opacity:.68}
.experience-index{font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;opacity:.55}
.demo-dock{position:fixed;z-index:120;right:24px;bottom:22px;display:flex;align-items:center;gap:9px;padding:8px;border:1px solid rgba(255,255,255,.17);background:rgba(6,8,13,.8);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.demo-dock span{padding:0 8px;font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#aab4c6}
.demo-dock a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.15);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:background var(--fast),color var(--fast)}
.demo-dock a:hover{background:#fff;color:#080a10}
.experience-footer{padding:50px 0 92px;border-top:1px solid currentColor}
.experience-footer-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.experience-footer strong{font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em}
.experience-footer p{max-width:520px;margin:10px 0 0;font-size:.86rem;line-height:1.6;opacity:.58}
.experience-footer-links{display:flex;flex-wrap:wrap;gap:18px;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.motion-ready .experience-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity var(--slow) var(--ease),transform var(--slow) var(--ease)}
.motion-ready .experience-reveal.is-visible{opacity:1;transform:none}

/* Salon — editorial, intimate, fashion-led */
.salon-site{--ink:#171214;--paper:#f2ece8;--rose:#d8aaa3;--wine:#6a3345;background:var(--paper);color:var(--ink)}
.salon-site .experience-header{color:#fff}.salon-site .experience-header.is-scrolled{background:rgba(23,18,20,.86);border-color:rgba(255,255,255,.1)}
.salon-site .experience-brand-mark{border-radius:50%;font-family:Georgia,serif;font-size:1rem;font-style:italic;text-transform:none}
.salon-site .experience-button-primary{border-color:var(--rose);background:var(--rose);color:var(--ink)}
.salon-site .experience-button-ghost{border-color:rgba(255,255,255,.26);color:#fff}
.salon-hero{background:var(--ink);color:#fff}
.salon-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 28%,rgba(216,170,163,.18),transparent 25%),linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.035) 47% 48%,transparent 48%);pointer-events:none}
.salon-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.06em}
.salon-hero h1 em{display:block;color:var(--rose);font-weight:400}
.salon-art{position:relative;min-height:620px;isolation:isolate}
.salon-art-panel{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 36px 90px rgba(0,0,0,.3)}
.salon-art-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,rgba(246,210,197,.86) 0 12%,transparent 12.5%),radial-gradient(ellipse at 50% 52%,#1a1014 0 24%,transparent 24.5%),linear-gradient(145deg,#b37072,#e6c3ba 52%,#7a4252)}
.salon-art-panel::after{content:"EDITORIAL  /  01";position:absolute;left:22px;bottom:20px;color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.16em}
.salon-art-main{inset:0 3% 7% 10%;border-radius:var(--salon-arch,220px) var(--salon-arch,220px) 22px 22px}
.salon-art-side{z-index:-1;top:7%;right:-9%;width:36%;height:68%;background:var(--rose);transform:rotate(7deg)}
.salon-art-side::before{background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(23,18,20,.18) 16px 17px),linear-gradient(145deg,#e6c4bc,#b77877)}
.salon-art-side::after{content:"ATELIER";writing-mode:vertical-rl;left:auto;right:20px;bottom:22px;color:var(--ink)}
.salon-art-note{position:absolute;z-index:3;left:-5%;bottom:0;max-width:230px;padding:22px;background:#f5eee9;color:var(--ink)}
.salon-art-note small{display:block;margin-bottom:10px;font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--wine)}
.salon-art-note strong{font-family:Georgia,serif;font-size:1.6rem;font-weight:500;line-height:1.05}
.salon-marquee{overflow:hidden;padding:20px 0;background:var(--rose);color:var(--ink);white-space:nowrap}
.salon-marquee div{display:inline-block;font-family:Georgia,serif;font-size:clamp(1.4rem,2.5vw,2.5rem);animation:salonMarquee 24s linear infinite}
.salon-marquee span{padding-right:3rem}
@keyframes salonMarquee{to{transform:translateX(-50%)}}
.salon-services{background:var(--paper)}
.salon-services-list{border-top:1px solid rgba(23,18,20,.2)}
.salon-service-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(23,18,20,.2);transition:padding var(--base) var(--ease),background var(--base)}
.salon-service-row:hover{padding-inline:24px;background:rgba(216,170,163,.17)}
.salon-service-row h3{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.8rem);font-weight:500;letter-spacing:-.04em}
.salon-service-row p{max-width:340px;margin:8px 0 0;line-height:1.6;opacity:.6}
.salon-price{font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.salon-lookbook{background:var(--ink);color:#fff}
.salon-lookbook-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:280px 280px;gap:14px}
.salon-look{position:relative;overflow:hidden;min-height:220px;background:#35242c}
.salon-look:first-child{grid-row:span 2}
.salon-look::before{content:"";position:absolute;inset:0;transition:transform 900ms var(--ease);background:radial-gradient(ellipse at 52% 36%,var(--skin,#ddb9ad) 0 11%,transparent 11.5%),radial-gradient(ellipse at 52% 52%,var(--hair,#1b1215) 0 25%,transparent 25.5%),linear-gradient(145deg,var(--tone-a,#744653),var(--tone-b,#d8aaa3))}
.salon-look:nth-child(2){--tone-a:#d9bbae;--tone-b:#7e4055;--hair:#5b2f33}.salon-look:nth-child(3){--tone-a:#7c6b64;--tone-b:#d9c6bc;--hair:#20171a}.salon-look:nth-child(4){--tone-a:#6a3345;--tone-b:#d8aaa3;--hair:#b27a68}.salon-look:nth-child(5){--tone-a:#c09d91;--tone-b:#4c2836;--hair:#151014}
.salon-look:hover::before{transform:scale(1.04)}
.salon-look span{position:absolute;z-index:2;right:18px;bottom:16px;left:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.4);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.salon-consultation{background:var(--rose)}
.salon-consultation-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);align-items:center}
.salon-quote{padding:clamp(36px,5vw,70px);background:var(--ink);color:#fff}
.salon-quote p{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.2rem);line-height:1.04}
.salon-quote span{display:block;margin-top:28px;font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--rose)}
.salon-consultation-copy h2{font-family:Georgia,serif;font-weight:500}
.salon-consultation-copy p{max-width:590px;font-size:1.08rem;line-height:1.75}
.salon-cta{background:#6a3345;color:#fff}.salon-cta h2{font-family:Georgia,serif;font-weight:500}
.salon-site .experience-footer{border-color:rgba(23,18,20,.2)}

/* Physio — calm, clinical, movement-led */
.physio-site{--ink:#123433;--paper:#f4f8f5;--mint:#b9e1d5;--teal:#2d7f78;--line:rgba(18,52,51,.16);background:var(--paper);color:var(--ink)}
.physio-site .experience-header{color:var(--ink)}.physio-site .experience-header.is-scrolled{background:rgba(244,248,245,.9);border-color:var(--line)}
.physio-site .experience-brand-mark{border-radius:14px;background:var(--ink);color:#fff;border:0}
.physio-site .experience-button-primary{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:999px}
.physio-site .experience-button-ghost{border-color:var(--line);border-radius:999px}
.physio-hero{background:linear-gradient(135deg,#f8fbf9 0%,#e6f2ed 58%,#cce7de 100%)}
.physio-hero::before{content:"";position:absolute;top:-12vw;right:-8vw;width:58vw;aspect-ratio:1;border:1px solid rgba(45,127,120,.15);border-radius:50%;box-shadow:0 0 0 7vw rgba(45,127,120,.035),0 0 0 15vw rgba(45,127,120,.025);transform:rotate(var(--physio-ring-rotate,0deg))}
.physio-hero h1{font-weight:650}.physio-hero h1 span{color:var(--teal)}
.physio-motion-map{position:relative;min-height:600px;border-radius:48% 48% 24px 24px;background:rgba(255,255,255,.52);border:1px solid rgba(18,52,51,.12);box-shadow:0 30px 100px rgba(21,71,66,.12);backdrop-filter:blur(14px);overflow:hidden}
.physio-motion-map::before,.physio-motion-map::after{content:"";position:absolute;border:1px solid rgba(45,127,120,.22);border-radius:50%}
.physio-motion-map::before{inset:13% 11% 22%}.physio-motion-map::after{inset:26% -20% 3%;transform:rotate(-17deg)}
.physio-figure{position:absolute;top:13%;left:50%;width:170px;height:380px;transform:translateX(-50%)}
.physio-figure i{position:absolute;display:block;background:var(--ink);border-radius:99px}
.physio-figure i:nth-child(1){top:0;left:56px;width:58px;height:58px;border-radius:50%;background:var(--teal)}
.physio-figure i:nth-child(2){top:67px;left:76px;width:18px;height:150px;transform:rotate(8deg)}
.physio-figure i:nth-child(3){top:96px;left:34px;width:17px;height:140px;transform:rotate(48deg);transform-origin:top}
.physio-figure i:nth-child(4){top:88px;left:112px;width:17px;height:150px;transform:rotate(-38deg);transform-origin:top}
.physio-figure i:nth-child(5){top:205px;left:69px;width:18px;height:170px;transform:rotate(17deg);transform-origin:top}
.physio-figure i:nth-child(6){top:205px;left:86px;width:18px;height:170px;transform:rotate(-17deg);transform-origin:top}
.physio-map-card{position:absolute;right:24px;bottom:24px;left:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px;background:rgba(18,52,51,.92);color:#fff;border-radius:20px}
.physio-map-card span{padding:13px;border-radius:13px;background:rgba(255,255,255,.08);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.physio-symptoms{background:var(--paper)}
.physio-symptom-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.physio-symptom{grid-column:span 4;min-height:250px;padding:28px;border:1px solid var(--line);border-radius:28px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}
.physio-symptom:nth-child(2),.physio-symptom:nth-child(5){transform:translateY(34px)}
.physio-symptom strong{font-size:clamp(1.5rem,2.4vw,2.7rem);line-height:1}.physio-symptom p{margin:18px 0 0;line-height:1.65;opacity:.62}
.physio-symptom b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mint);font-size:.7rem}
.physio-path{background:var(--ink);color:#fff}
.physio-path-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.physio-step{min-height:310px;padding:28px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.physio-step span{color:var(--mint);font-size:.7rem;font-weight:900;letter-spacing:.14em}.physio-step h3{margin:70px 0 18px;font-size:clamp(1.7rem,2.8vw,3.2rem);line-height:1}.physio-step p{margin:0;line-height:1.65;color:rgba(255,255,255,.66)}
.physio-philosophy{background:var(--mint)}
.physio-philosophy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,10vw,160px);align-items:center}
.physio-pulse{position:relative;aspect-ratio:1;border-radius:50%;background:var(--teal);box-shadow:0 0 0 34px rgba(45,127,120,.12),0 0 0 68px rgba(45,127,120,.06)}
.physio-pulse::before{content:"";position:absolute;inset:48% 12% auto;height:2px;background:#fff;box-shadow:40px -30px 0 -0.5px #fff,80px 18px 0 -0.5px #fff,120px -42px 0 -0.5px #fff;transform:rotate(-12deg)}
.physio-philosophy-copy p{font-size:1.12rem;line-height:1.8}.physio-philosophy-copy ul{display:grid;gap:12px;padding:0;list-style:none}.physio-philosophy-copy li{padding:14px 0;border-bottom:1px solid rgba(18,52,51,.18);font-weight:800}
.physio-cta{background:#e7f2ed}.physio-site .experience-footer{border-color:var(--line)}

/* Werkstatt — industrial, fast, diagnostic */
.garage-site{--ink:#0b0e12;--panel:#151a20;--steel:#9ba5b0;--yellow:#ffc928;--line:rgba(255,255,255,.14);background:var(--ink);color:#fff}
.garage-site .experience-header{color:#fff}.garage-site .experience-header.is-scrolled{background:rgba(11,14,18,.9);border-color:var(--line)}
.garage-site .experience-brand-mark{border:0;background:var(--yellow);color:#0b0e12;transform:skew(-8deg)}
.garage-site .experience-button-primary{background:var(--yellow);border-color:var(--yellow);color:#0b0e12}.garage-site .experience-button-ghost{border-color:rgba(255,255,255,.26)}
.garage-hero{background:linear-gradient(135deg,#080a0d,#111821 60%,#1b2026)}
.garage-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 86px,rgba(255,255,255,.025) 86px 87px),linear-gradient(168deg,transparent 0 62%,rgba(255,201,40,.08) 62% 63%,transparent 63%);background-position:var(--garage-scan,0) 0}
.garage-hero h1{text-transform:uppercase;font-size:clamp(3.5rem,6.7vw,7.4rem);font-weight:950;letter-spacing:-.075em}.garage-hero h1 span{display:block;color:var(--yellow)}
.garage-diagnostics{position:relative;min-height:570px;padding:26px;border:1px solid var(--line);background:rgba(21,26,32,.82);box-shadow:0 35px 100px rgba(0,0,0,.4);transform:perspective(1200px) rotateY(-4deg)}
.garage-diagnostics-top{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.garage-diagnostics-top b{color:var(--yellow)}
.garage-gauges{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.garage-gauge{position:relative;aspect-ratio:1;border:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle,rgba(255,201,40,.08),transparent 58%)}
.garage-gauge::before{content:"";position:absolute;inset:18%;border:12px solid rgba(255,255,255,.06);border-top-color:var(--yellow);border-right-color:var(--yellow);border-radius:50%;transform:rotate(22deg)}
.garage-gauge strong{font-size:clamp(2.2rem,4vw,4rem)}.garage-gauge span{position:absolute;bottom:22%;font-size:.62rem;letter-spacing:.14em;color:var(--steel)}
.garage-status{display:grid;gap:9px;margin-top:14px}.garage-status div{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0d1116;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.garage-status b{color:var(--yellow)}
.garage-services{background:#f0f1ed;color:#101319}
.garage-service-list{border-top:2px solid #101319}
.garage-service{display:grid;grid-template-columns:80px minmax(0,1.1fr) minmax(260px,.7fr) 46px;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(16,19,25,.25)}
.garage-service h3{margin:0;font-size:clamp(2rem,4vw,4.7rem);line-height:.9;text-transform:uppercase;letter-spacing:-.055em}.garage-service p{margin:0;line-height:1.6;opacity:.62}.garage-service em{font-style:normal;font-size:2rem;color:#a17900}.garage-service:hover em{transform:translateX(8px)}
.garage-live{background:var(--panel)}
.garage-live-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.garage-bay{position:relative;min-height:560px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,#1b232b,#080b0f)}
.garage-bay::before{content:"";position:absolute;left:10%;right:10%;bottom:24%;height:24%;background:#050607;border-radius:48% 48% 16px 16px;box-shadow:0 58px 0 -40px var(--yellow),-120px 30px 0 -22px #050607,120px 30px 0 -22px #050607}
.garage-bay::after{content:"BÜHNE 02  /  IN ARBEIT";position:absolute;top:26px;left:28px;color:var(--yellow);font-size:.68rem;font-weight:900;letter-spacing:.15em}
.garage-live-stack{display:grid;gap:16px}.garage-live-card{min-height:172px;padding:24px;border:1px solid var(--line);background:#0d1116}.garage-live-card small{color:var(--yellow);font-weight:900;letter-spacing:.14em}.garage-live-card strong{display:block;margin-top:28px;font-size:clamp(1.5rem,2.5vw,2.8rem);text-transform:uppercase}.garage-live-card p{margin:10px 0 0;color:var(--steel);line-height:1.6}
.garage-process{background:var(--yellow);color:#0b0e12}
.garage-process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(11,14,18,.28)}
.garage-process-track article{min-height:280px;padding:28px;background:var(--yellow)}
.garage-process-track span{font-size:.7rem;font-weight:950}.garage-process-track h3{margin:70px 0 14px;font-size:clamp(1.5rem,2.5vw,2.8rem);line-height:1;text-transform:uppercase}.garage-process-track p{line-height:1.6;opacity:.7}
.garage-cta{background:#0b0e12}.garage-site .experience-footer{border-color:var(--line)}

/* Reinigung — bright, precise, service-led */
.clean-site{--ink:#0c3040;--paper:#f5fbfd;--blue:#5cc8e4;--aqua:#c9f2f4;--navy:#092d3e;--line:rgba(12,48,64,.15);background:var(--paper);color:var(--ink)}
.clean-site .experience-header{color:var(--ink)}.clean-site .experience-header.is-scrolled{background:rgba(245,251,253,.9);border-color:var(--line)}
.clean-site .experience-brand-mark{border:0;border-radius:12px;background:var(--blue);color:#fff;box-shadow:0 8px 26px rgba(92,200,228,.3)}
.clean-site .experience-button-primary{background:var(--navy);border-color:var(--navy);color:#fff;border-radius:12px}.clean-site .experience-button-ghost{border-color:var(--line);border-radius:12px}
.clean-hero-experience{background:linear-gradient(145deg,#f9fdfe,#def5f8)}
.clean-hero-experience::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(12,48,64,.06) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(12,48,64,.05) 50%,transparent 50.1%);background-size:120px 120px;mask-image:linear-gradient(90deg,transparent,#000);opacity:var(--clean-pulse,1)}
.clean-hero-experience h1{font-weight:760}.clean-hero-experience h1 span{color:#1995b8}
.clean-control{position:relative;min-height:580px;padding:20px;border:1px solid rgba(12,48,64,.13);border-radius:32px;background:rgba(255,255,255,.62);box-shadow:0 35px 100px rgba(25,107,128,.12);backdrop-filter:blur(16px)}
.clean-control-header{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 22px;font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.clean-control-header b{display:flex;align-items:center;gap:8px;color:#0d6684}.clean-control-header b::before{content:"";width:8px;height:8px;border-radius:50%;background:#49cf9e;box-shadow:0 0 14px #49cf9e}
.clean-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clean-control-card{min-height:190px;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.clean-control-card:first-child{grid-column:span 2;background:var(--navy);color:#fff}.clean-control-card small{font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;opacity:.62}.clean-control-card strong{font-size:clamp(1.7rem,3vw,3.2rem);line-height:1}.clean-control-card span{font-size:.75rem;font-weight:800;color:#0d6684}.clean-control-card:first-child span{color:var(--aqua)}
.clean-service-matrix{background:#fff}
.clean-matrix{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.clean-matrix article{grid-column:span 4;min-height:290px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}
.clean-matrix article:nth-child(1),.clean-matrix article:nth-child(4){grid-column:span 8}
.clean-matrix span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--aqua);font-size:.68rem;font-weight:900}.clean-matrix h3{margin:60px 0 14px;font-size:clamp(1.7rem,3vw,3.3rem);line-height:1}.clean-matrix p{max-width:600px;line-height:1.65;opacity:.62}
.clean-quality{background:var(--navy);color:#fff}
.clean-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,9vw,140px);align-items:center}
.clean-protocol{display:grid;gap:10px}.clean-protocol article{display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045)}.clean-protocol b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:var(--navy)}.clean-protocol strong{font-size:1.08rem}.clean-protocol span{font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--aqua)}
.clean-quality-copy h2{font-weight:720}.clean-quality-copy p{font-size:1.08rem;line-height:1.75;color:rgba(255,255,255,.68)}
.clean-industries{background:var(--paper)}
.clean-industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.clean-industry{position:relative;min-height:340px;padding:24px;overflow:hidden;border-radius:24px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.clean-industry::before{content:"";position:absolute;top:-24%;right:-28%;width:210px;aspect-ratio:1;border-radius:50%;background:var(--aqua);opacity:.7;transition:transform 700ms var(--ease)}.clean-industry:hover::before{transform:scale(1.2)}.clean-industry small{position:absolute;top:24px;left:24px;font-size:.65rem;font-weight:900;letter-spacing:.13em}.clean-industry h3{position:relative;margin:0;font-size:clamp(1.7rem,2.7vw,3rem);line-height:1}.clean-industry p{position:relative;margin:14px 0 0;line-height:1.6;opacity:.6}
.clean-proof{background:var(--aqua)}
.clean-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clean-proof-panel{min-height:450px;padding:30px;border-radius:30px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.clean-proof-panel:first-child{background:linear-gradient(145deg,#d4dde0,#83949b);color:#1b3039}.clean-proof-panel:last-child{background:linear-gradient(145deg,#fff,#d9f8fb)}.clean-proof-panel small{font-size:.67rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.clean-proof-panel strong{font-size:clamp(2.4rem,5vw,5.7rem);line-height:.92}.clean-proof-panel p{max-width:450px;line-height:1.65}
.clean-cta{background:#fff}.clean-site .experience-footer{border-color:var(--line)}

@media (max-width:980px){
  :root{--page:min(100% - 40px,900px)}
  .experience-header{height:70px}
  .experience-nav{position:fixed;z-index:90;inset:70px 16px auto;display:grid;gap:3px;padding:14px;border:1px solid rgba(255,255,255,.14);background:rgba(7,9,13,.96);color:#fff;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity var(--base),transform var(--base),visibility var(--base)}
  .menu-open .experience-nav{opacity:1;visibility:visible;transform:none}
  .experience-nav a{padding:14px}
  .experience-menu-toggle{display:block}
  .experience-header .experience-button{display:none}
  .experience-hero-grid,.experience-section-head,.salon-consultation-grid,.physio-philosophy-grid,.garage-live-grid,.clean-quality-grid{grid-template-columns:1fr}
  .experience-hero{min-height:auto;padding-top:120px}
  .experience-hero h1{font-size:clamp(3.3rem,10vw,6.2rem)}
  .salon-art,.physio-motion-map,.garage-diagnostics,.clean-control{min-height:540px}
  .salon-lookbook-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 250px 250px}
  .salon-look:first-child{grid-column:span 2;grid-row:auto}
  .physio-symptom{grid-column:span 6}.physio-symptom:nth-child(2),.physio-symptom:nth-child(5){transform:none}
  .physio-path-steps,.garage-process-track{grid-template-columns:1fr 1fr}
  .garage-service{grid-template-columns:54px 1fr 32px}.garage-service p{grid-column:2/4}
  .clean-matrix article,.clean-matrix article:nth-child(1),.clean-matrix article:nth-child(4){grid-column:span 6}
  .clean-industry-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:620px){
  :root{--page:min(100% - 32px,620px)}
  .experience-header-inner{gap:14px}
  .experience-brand{font-size:.8rem}.experience-brand small{font-size:.52rem}
  .experience-hero{padding:104px 0 62px}
  .experience-hero h1{font-size:clamp(2.75rem,13vw,4.4rem);line-height:.94}
  .experience-lead{font-size:1rem}
  .experience-actions{align-items:stretch}.experience-actions .experience-button{width:100%}
  .experience-section{padding:76px 0}
  .experience-section h2{font-size:clamp(2.45rem,12vw,4.2rem)}
  .experience-section-head{gap:22px;margin-bottom:42px}
  .demo-dock{right:10px;bottom:10px;left:10px;justify-content:center}.demo-dock span{display:none}.demo-dock a{flex:1;justify-content:center}
  .experience-footer-inner{align-items:flex-start;flex-direction:column}
  .salon-art,.physio-motion-map,.garage-diagnostics,.clean-control{min-height:430px}
  .salon-art-main{inset:0 0 8%}.salon-art-side{display:none}.salon-art-note{left:0}
  .salon-service-row{grid-template-columns:38px 1fr}.salon-price{grid-column:2}
  .salon-lookbook-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.salon-look,.salon-look:first-child{grid-column:auto;min-height:360px}
  .physio-map-card{grid-template-columns:1fr}.physio-figure{transform:translateX(-50%) scale(.82);transform-origin:top}
  .physio-symptom{grid-column:span 12;min-height:220px}
  .physio-path-steps,.garage-process-track{grid-template-columns:1fr}
  .physio-step,.garage-process-track article{min-height:230px}.physio-step h3,.garage-process-track h3{margin-top:42px}
  .garage-diagnostics{transform:none;padding:16px}.garage-gauges{grid-template-columns:1fr 1fr}.garage-gauge strong{font-size:2rem}
  .garage-service{grid-template-columns:36px 1fr 24px;gap:12px}.garage-service h3{font-size:2.1rem}
  .garage-bay{min-height:420px}
  .clean-control{padding:12px}.clean-control-grid{grid-template-columns:1fr}.clean-control-card:first-child{grid-column:auto}.clean-control-card{min-height:150px}
  .clean-matrix article,.clean-matrix article:nth-child(1),.clean-matrix article:nth-child(4){grid-column:span 12;min-height:240px}.clean-matrix h3{margin-top:42px}
  .clean-protocol article{grid-template-columns:42px 1fr}.clean-protocol span{grid-column:2}
  .clean-industry-grid,.clean-proof-grid{grid-template-columns:1fr}
  .clean-industry{min-height:260px}.clean-proof-panel{min-height:350px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .motion-ready .experience-reveal{opacity:1 !important;transform:none !important}
}