:root{--ink:#17221d;--cream:#f4f0e7;--paper:#fbfaf6;--green:#174b38;--sage:#a6b5a8;--line:rgba(23,34,29,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:96px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;z-index:10;color:#fff;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:grid;grid-template-columns:auto auto;width:max-content;line-height:.8;font-size:26px;font-weight:600;letter-spacing:-1.5px}.brand i{font-family:Italiana,serif;font-weight:400}.brand small{grid-column:1/3;font-size:8px;text-transform:uppercase;letter-spacing:3.2px;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav-cta{border:1px solid rgba(255,255,255,.6);padding:13px 20px;border-radius:100px}.menu-button{display:none;background:none;border:0}.hero{height:min(880px,100vh);min-height:680px;background:#101713;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,15,12,.8) 0%,rgba(9,15,12,.34) 48%,rgba(9,15,12,.05)),url('assets/schnittich-hero.png') center/cover}.hero-content{position:absolute;left:8vw;top:50%;transform:translateY(-42%);max-width:690px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:600}.eyebrow{color:#c0cec4;margin-bottom:30px}h1,h2{font-family:Italiana,serif;font-weight:400;line-height:.96;letter-spacing:-2px;margin:0}h1{font-size:clamp(64px,8.3vw,128px)}h1 em,h2 em{font-weight:400;color:#b7c7ba}h1 em{margin-left:8vw}.hero-copy{font-size:16px;line-height:1.75;max-width:520px;color:rgba(255,255,255,.78);margin:34px 0}.hero-actions{display:flex;align-items:center;gap:32px}.button{display:inline-flex;padding:17px 25px;border-radius:100px;font-size:13px;font-weight:600}.primary{background:#fff;color:var(--ink)}.text-link{font-size:13px;border-bottom:1px solid rgba(255,255,255,.4);padding:13px 0}.text-link span{margin-left:16px}.hero-note{position:absolute;right:4vw;bottom:46px;border-left:1px solid rgba(255,255,255,.4);padding-left:20px;font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:1.5px}.hero-note span{display:block;color:#a9baae;margin-bottom:7px}.section-pad{padding:120px 8vw}.section-label{color:#607068;margin:0 0 45px}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1.6fr .75fr;gap:9vw}h2{font-size:clamp(48px,6vw,88px)}.intro-copy{padding-top:12px;font-size:16px;line-height:1.8}.intro-copy p{margin:0 0 22px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:90px;padding-top:35px}.facts div{display:flex;gap:25px;align-items:baseline}.facts strong{font:44px Italiana,serif;color:var(--green)}.facts span{font-size:12px;text-transform:uppercase;letter-spacing:1.4px}.services{background:var(--paper)}.section-head{display:grid;grid-template-columns:1.7fr .65fr;align-items:end;gap:8vw;margin-bottom:80px}.section-head .section-label{margin-bottom:32px}.section-head>p{line-height:1.75;color:#536159;margin:0}.service{display:grid;grid-template-columns:70px 1.2fr 1fr 30px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:33px 0;transition:.3s}.service:last-child{border-bottom:1px solid var(--line)}.service:hover{padding-left:16px;background:#f4f1ea}.service span{font-size:11px;color:#758078}.service h3{font:32px Italiana,serif;margin:0}.service p{margin:0;color:#667169;line-height:1.6;font-size:14px}.service b{font-weight:400;font-size:20px}.process{background:var(--green);color:#fff}.process .section-label{color:#aec0b5}.process h2 em{color:#bfcbbc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:85px}.steps>div{border-top:1px solid rgba(255,255,255,.3);padding-top:22px}.steps span{font-size:11px;color:#b5c5ba}.steps h3{font:28px Italiana,serif;margin:45px 0 14px}.steps p{color:rgba(255,255,255,.7);font-size:14px;line-height:1.7;max-width:290px}.contact{display:grid;grid-template-columns:1.45fr .55fr;gap:10vw;background:#c6b6a1}.contact .section-label{color:#665a4d}.contact h2 em{color:#fff}.contact-main>p:not(.section-label){max-width:480px;line-height:1.7;margin:30px 0}.light{background:var(--ink);color:white}.contact-details{font-style:normal;border-left:1px solid rgba(23,34,29,.2);padding-left:4vw;display:flex;flex-direction:column;justify-content:center;gap:33px}.contact-details div{border-bottom:1px solid rgba(23,34,29,.2)}.contact-details span{font-size:10px;text-transform:uppercase;letter-spacing:2px}.contact-details p{line-height:1.6;margin:9px 0 20px}footer{padding:60px 8vw 35px;background:#111a16;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:65px}.footer-brand{font-size:30px}footer>p{margin:0;text-align:right;color:#b1bcb5;font:24px Italiana,serif}footer>div{grid-column:1/3;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;display:flex;gap:25px;color:#89958e;font-size:11px}footer>div span{margin-left:auto}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:76px}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#111a16;padding:30px 6vw;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu-button{display:block;width:34px;height:34px;padding:6px}.menu-button span{display:block;border-top:1px solid white;margin:7px 0}.hero{min-height:730px}.hero-content{left:6vw;right:6vw;top:46%}h1{font-size:58px}h1 em{margin-left:0}.hero-note{display:none}.hero-copy{font-size:14px}.section-pad{padding:85px 6vw}.intro-grid,.section-head,.contact{grid-template-columns:1fr}.facts{gap:20px}.facts div{display:block}.facts strong{font-size:32px}.facts span{display:block;margin-top:6px;font-size:9px}.section-head{margin-bottom:50px}.service{grid-template-columns:35px 1fr 25px}.service p{grid-column:2/4}.steps{grid-template-columns:1fr;margin-top:55px}.steps h3{margin-top:25px}.contact-details{border-left:0;border-top:1px solid rgba(23,34,29,.2);padding:35px 0 0}.contact{gap:55px}footer{grid-template-columns:1fr}footer>p{text-align:left}footer>div{grid-column:auto;flex-wrap:wrap}footer>div span{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Originales Atelierfoto für den gemeinsamen Markenauftritt */
.hero-image{background:linear-gradient(90deg,rgba(9,15,12,.86) 0%,rgba(9,15,12,.50) 48%,rgba(9,15,12,.08)),url('assets/schnittich-original.jpg') center/cover}

/* Refined wordmark and unclipped hero typography */
.brand{display:flex;flex-direction:column;grid-template-columns:none;line-height:1;font-size:initial;font-weight:initial;letter-spacing:initial}
.brand-name{font-size:27px;font-weight:500;letter-spacing:-1.6px}
.brand-name>span{font-family:Italiana,serif;font-size:30px;font-weight:400;letter-spacing:-1px}
.brand-name b{color:#a9c1b0;font:32px Italiana,serif}
.brand small{grid-column:auto;font-size:7px;letter-spacing:2.65px;margin-top:7px;color:rgba(255,255,255,.72)}
.hero-content{left:7vw;width:min(860px,78vw);max-width:none;padding:8px 0 12px}
.hero-content h1{font-size:clamp(58px,7vw,106px);line-height:1.06;white-space:normal;letter-spacing:-1.5px}
.hero-content h1 em{display:inline;margin-left:0}
.footer-brand{font-size:initial}
.footer-brand .brand-name{font-size:31px}
.footer-brand .brand-name>span{font-size:34px}
.facts{grid-template-columns:repeat(2,1fr)}
.legal{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#eee9df;scroll-margin-top:30px}
.legal-block{scroll-margin-top:30px}
.legal-block .section-label{margin-bottom:22px}
.legal-block h2{font:28px Italiana,serif;letter-spacing:-.4px;margin-bottom:25px}
.legal-block p{font-size:13px;line-height:1.75;color:#526058}
.legal-block strong{color:var(--ink)}
.legal-note{padding:13px 16px;border-left:2px solid #9a704e;background:rgba(255,255,255,.35)}

/* Datenschutzfreundliche Systemschriften ohne externe Abrufe */
body{font-family:"Segoe UI",Arial,sans-serif}
h1,h2,.facts strong,.service h3,.steps h3,footer>p,.brand-name>span,.brand-name b,.legal-block h2{font-family:Georgia,"Times New Roman",serif}

@media(max-width:800px){
  .hero-content{left:6vw;width:auto;padding-right:5vw}
  .hero-content h1{font-size:clamp(42px,12vw,56px);line-height:1.08;white-space:normal;letter-spacing:-1px}
  .hero-content h1 em{margin-left:0}
  .legal{grid-template-columns:1fr;gap:60px}
}