*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1f2f3;color:#102c48;font:16px/1.7 'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.03;letter-spacing:-.055em;text-wrap:balance}h2{font-size:clamp(2.5rem,4.8vw,5.5rem)}h3{font-size:clamp(1.7rem,3vw,3rem)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}section[id],aside[id]{scroll-margin-top:40px}.skip{position:fixed;top:-100px;left:10px;z-index:110;background:#fff;padding:12px}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:30px 5vw;color:#f1f2f3}.brand{font:26px 'Space Grotesk',sans-serif;letter-spacing:-1.6px}.brand span{color:#ffac42}.header nav{display:flex;gap:36px;font-size:14px}.header nav a{padding:10px 0}.hero{min-height:850px;height:100svh;max-height:1200px;background:#102c48;color:#f1f2f3;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-image{position:absolute;inset:0;z-index:-2;will-change:transform}.hero-image img{height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102c48e8 0%,#102c48a0 40%,#102c4800 85%),linear-gradient(0deg,#102c48a0,transparent 30%)}.hero-content{padding:130px 6vw 120px}.hero h1{font-size:clamp(4rem,8.8vw,10rem);max-width:12ch}.hero-intro{margin-top:40px}.hero-intro p{font-size:20px;line-height:1.55}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:#ffac42;color:#102c48;padding:17px 23px;margin-top:28px;min-height:58px;font-size:15px;border-radius:20px}.button:hover{background:#ffc372;text-decoration:none}.hero-bottom{position:absolute;bottom:32px;left:6vw;right:6vw;display:flex;align-items:end;justify-content:space-between;font-size:13px;gap:20px}.hero-bottom a{display:flex;gap:26px;align-items:center}.hero-bottom a span{font-size:25px}.wrap{padding:110px 6vw}.label{font-size:14px;letter-spacing:0;margin-bottom:25px;color:#50606d}.resonanz-choice{padding-block:95px 110px}.resonanz-choice>h2{max-width:16ch}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:50px}.choice-link{border-top:1px solid #9baab6;padding-top:28px;display:flex;flex-direction:column;align-items:start}.choice-link h3{font-size:clamp(2.2rem,3.9vw,4.4rem);max-width:15ch}.choice-link p{margin:25px 0 30px;max-width:43ch}.choice-link:hover{text-decoration:none}.choice-link:hover .choice-action{text-decoration:underline}.choice-action{margin-top:auto;display:flex;gap:25px;align-items:center;font-size:15px}.choice-action>span{display:grid;place-items:center;border:1px solid #9baab6;border-radius:50%;width:42px;height:42px}.choice-other{font-size:14px;margin-top:45px;max-width:65ch}.choice-other a{text-decoration:underline;text-underline-offset:4px}.manifesto{padding:110px 6vw;background:#102c48;color:#f1f2f3}.manifesto .label{color:#bfccd8}.manifesto h2{font-size:clamp(3rem,7.5vw,8.5rem);max-width:17ch}.manifesto-copy{display:grid;grid-template-columns:minmax(0,820px);margin-top:45px}.manifesto-copy p{max-width:58ch;font-size:18px;color:#d4dee6}.story{display:grid;grid-template-columns:1fr 1fr;align-items:start;position:relative;background:#dfe4e8}.story-visual{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:#102c48}.story-visual img{height:100%;object-fit:cover;object-position:65% center;will-change:transform}.story-visual span{position:absolute;bottom:35px;left:35px;color:white;font-size:13px;background:#102c48c9;padding:8px 13px}.story-copy{padding:140px 5vw;min-height:115svh;display:flex;flex-direction:column;justify-content:center}.story-copy>p:not(.label){margin-top:30px;max-width:48ch}.story-copy ul{padding:0;list-style:none;margin:35px 0 15px}.story-copy li{border-top:1px solid #aebbc6;padding:15px 0;font-size:15px}.jump{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid #879aab;padding:12px 0;align-self:start;font-size:15px}.story-light{background:#f1f2f3}.story-light .story-visual{order:2;background:#e2e5e7}.story-light .story-visual img{object-position:50% center}.resonanz-process{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;background:#e0e4e7;position:relative}.resonanz-process>.label{grid-column:1/-1}.resonanz-process>h2{grid-column:1;grid-row:2;position:sticky;top:65px;align-self:start}.resonanz-process>.section-lead{grid-column:2;grid-row:2;margin-bottom:35px}.resonanz-process ol{grid-column:2;list-style:none;padding:0;margin:0}.resonanz-process li{border-top:1px solid #9baab6;padding:30px 0 45px}.resonanz-process li>span{font-size:13px;display:block;margin-bottom:20px}.resonanz-process li h3{font-size:30px;margin-bottom:20px}.resonanz-process>.jump{grid-column:2}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.copy p+p{margin-top:20px}.copy .jump{margin-top:20px}.resonanz-personal{padding-block:130px;background:#f1f2f3}.resonanz-faq{background:#e0e4e7}details{border-bottom:1px solid #a8b6c2;padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+'}details[open] summary:after{content:'−'}summary::-webkit-details-marker{display:none}details p{padding-top:20px}.resonanz-contact{background:#102c48;color:#f1f2f3;padding-block:120px}.resonanz-contact h2{font-size:clamp(3.2rem,7vw,8rem);max-width:17ch}.resonanz-contact .label{color:#bfccd8}.contact-copy{max-width:57ch;margin-top:35px;color:#d4dee6}.kontakt-formular{--mk-paper:#f1f2f3;--mk-ink:#102c48;--mk-muted:#506273;--mk-line:#b6c3ce;--mk-orange:#ffac42;margin-top:45px;max-width:760px;display:flex;flex-direction:column;gap:22px}
.kontakt-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.kontakt-grid .kontakt-field:last-child{grid-column:1/-1}
.kontakt-field{display:flex;flex-direction:column;gap:9px}
.kontakt-field label{font-size:14px;line-height:1.45;color:#d4dee6}
.kontakt-field :is(input,textarea){width:100%;min-height:54px;padding:14px 16px;border:1px solid var(--mk-line);border-radius:20px;background:var(--mk-paper);color:var(--mk-ink);font:inherit;font-size:16px;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease}
.kontakt-field textarea{min-height:150px;resize:vertical}
.kontakt-field :is(input,textarea):focus-visible{outline:2px solid var(--mk-orange);outline-offset:3px}
.kontakt-submit{border:0;margin-top:6px;align-self:start;gap:30px}
.kontakt-submit:disabled{cursor:progress;opacity:.7}
.kontakt-hinweis{font-size:13px;color:#bfccd8;margin-top:-8px}
.kontakt-status{font-size:15px;color:#f1f2f3}
.kontakt-status:empty{display:none}
.kontakt-status[data-status]{border-left:2px solid var(--mk-orange);padding:6px 0 6px 16px}footer{background:#102c48;color:#d4dee6;border-top:1px solid #466077;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 6vw 70px;font-size:12px}footer nav{display:flex;gap:25px}.preview-back{position:fixed;bottom:14px;right:18px;z-index:10;background:#f1f2f3;color:#102c48;padding:9px 14px;border:1px solid #9baab6;font-size:12px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#ffac42;transform:scaleX(0);transform-origin:left;z-index:100}.reveal-ready{opacity:.18;transform:translateY(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}.reveal-ready.in-view{opacity:1;transform:none}
@media(min-width:1800px){.hero-content,.wrap,.manifesto{padding-inline:max(6vw,calc((100vw - 1580px)/2))}}
@media(max-width:900px){.hero{min-height:760px}.story-copy{padding:80px 5vw}.story-copy h2{font-size:42px}.header nav{gap:20px}.resonanz-process{column-gap:5vw}.resonanz-process h2{font-size:40px}}
@media(max-width:650px){.header{padding:22px}.brand{font-size:23px}.header nav{gap:18px;font-size:12px}.header nav a:nth-child(2){display:none}.hero{min-height:740px;height:95svh;max-height:900px;justify-content:flex-start}.hero-content{padding:150px 22px 120px}.hero h1{font-size:clamp(3.3rem,13vw,5rem);letter-spacing:-.065em}.hero-image{inset:0 -45% 0 -20%}.hero-image img{object-position:64% center}.hero:after{background:linear-gradient(180deg,#102c48bd 0%,#102c4890 52%,#102c4820 70%,#102c48bd)}.hero-intro{margin-top:28px}.hero-intro p{font-size:17px}.hero-bottom{left:22px;right:22px;bottom:25px;align-items:start;flex-wrap:wrap;font-size:11px}.hero-bottom>a{display:none}.wrap{padding:65px 22px}h2{font-size:38px}.choice-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.choice-link h3{font-size:38px}.choice-link p{margin:20px 0}.choice-other{margin-top:32px}.manifesto{padding:65px 22px}.manifesto h2{font-size:clamp(2.7rem,10.5vw,4rem)}.manifesto-copy{margin-top:30px}.manifesto-copy p{font-size:16px}.story{grid-template-columns:1fr}.story-visual{position:relative;height:65vw;min-height:0;max-height:400px}.story-visual span{bottom:18px;left:22px;font-size:11px}.story-copy{padding:50px 22px 65px;min-height:0}.story-copy h2{font-size:40px}.story-light .story-visual{order:0}.resonanz-process{display:block}.resonanz-process>h2{position:static;font-size:38px}.resonanz-process>.section-lead{margin-top:25px}.resonanz-process li{padding-bottom:30px}.split{grid-template-columns:1fr;gap:30px}.resonanz-contact h2{font-size:44px}
.kontakt-grid{grid-template-columns:1fr;gap:18px}
.kontakt-formular{gap:18px;margin-top:32px}
.kontakt-submit{align-self:stretch}footer{align-items:start;flex-direction:column;padding:35px 22px 80px}.preview-back{font-size:11px;padding:8px 12px}.reveal-ready{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.hero-image,.story-visual img{transform:none!important}}
.preview-back{position:absolute;top:92px;right:5vw;bottom:auto;background:#102c4870;color:#f1f2f3;border-color:#7890a5;font-size:11px;padding:6px 10px}
@media(max-width:650px){.preview-back{top:82px;right:22px}}
/* Approved Resonanz copy fitted to the Atelier composition. */
.hero h1{font-size:clamp(3.5rem,6.7vw,7.6rem);max-width:16ch}.hero-intro p{max-width:53ch;font-size:18px;line-height:1.6}.hero-content{padding-top:140px}.manifesto h2{font-size:clamp(3rem,5.8vw,6.6rem);max-width:23ch}.manifesto-copy{align-items:start}.manifesto-copy .jump{color:#f1f2f3}.resonanz-benefits .section-lead{max-width:65ch;margin-top:30px}.benefit-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:45px}.benefit-rows article{border-top:1px solid #9baab6;padding-top:25px}.benefit-rows h3{font-size:28px;margin-bottom:20px}.resonanz-trust{background:#f1f2f3;border-top:1px solid #c1cbd3}.resonanz-trust .section-lead{margin-top:25px}.resonanz-trust ul{margin:0;padding:0;list-style:none}.resonanz-trust li{padding:20px 0;border-bottom:1px solid #a8b6c2}.story-copy h2{font-size:clamp(2.4rem,4vw,4.5rem)}
@media(max-width:650px){.hero h1{font-size:clamp(2.65rem,10.7vw,4rem);max-width:16ch}.hero-content{padding-top:145px}.hero-intro p{font-size:16px;max-width:38ch}.hero{min-height:790px}.manifesto h2{font-size:39px}.benefit-rows{grid-template-columns:1fr;gap:28px}.story-copy h2{font-size:38px}}
@media(max-width:360px){.header{padding-inline:18px;gap:12px}.header .brand{font-size:20px;white-space:nowrap}.header nav{gap:12px}.header nav a{white-space:nowrap}.header nav a span{display:none}}

/* One visual language: every image sits in a deliberate field, rather than floating as decoration. */
.hero::before{content:'';position:absolute;right:-12vw;top:8vh;width:min(52vw,760px);aspect-ratio:1;border:1px solid rgba(222,235,244,.32);border-radius:50%;z-index:-1;box-shadow:0 0 0 72px rgba(191,211,225,.045),0 0 0 150px rgba(191,211,225,.028);pointer-events:none}.hero-image:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(255,172,66,.15),transparent 30%);mix-blend-mode:screen;pointer-events:none}.story-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,44,72,.04),rgba(16,44,72,.32));pointer-events:none}.story-visual img{transition:transform .5s cubic-bezier(.2,.7,.3,1)}.mk-atelier-art img{filter:saturate(.96) contrast(1.03)}
@media(max-width:650px){.hero::before{right:-55vw;top:10vh;width:130vw;box-shadow:0 0 0 48px rgba(191,211,225,.045),0 0 0 102px rgba(191,211,225,.03)}}
@media(prefers-reduced-motion:reduce){}