/* CITARE. One component system; no override layers. */
:root{--paper:#f4f2e9;--paper-alt:#eae9df;--ink:#20211d;--muted:#64665b;--line:#20211d26;--lime:#e1f56c;--dark-muted:#c7c8bd;--font-body:'Plus Jakarta Sans',Arial,sans-serif;--font-title:'Space Grotesk',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.75 var(--font-body);overflow-wrap:break-word}h1,h2,h3,p,ul{margin:0}h1,h2,h3{font-family:var(--font-title);font-weight:500;line-height:1.08;letter-spacing:-.055em}h2{font-size:clamp(36px,4.8vw,68px)}h2 em{font-family:Georgia,serif;font-weight:400}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%}img{display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #6c7951;outline-offset:5px}input:focus-visible,textarea:focus-visible{outline:2px solid #59632b;outline-offset:3px}[hidden]{display:none}main>section{padding:90px 5%}section{scroll-margin-top:90px}section>*,.collab>*,.about-v3>*{min-width:0}.label,.ed-index{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#59632b;margin-bottom:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--ink);text-decoration:none;font-size:13px;font-weight:500;line-height:1.5;border-radius:0;transition:background .18s,color .18s}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--lime);color:var(--ink)}.skip-link{position:absolute;top:-100px;left:16px;z-index:20;background:var(--lime);padding:12px 18px}.skip-link:focus{top:12px}
/* Navigation */
body>nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 5%;background:var(--paper);border-bottom:1px solid var(--line)}.brand-link{text-decoration:none;display:block;line-height:1}.logo svg{display:block}.logo svg text:first-child{fill:#59632b}.logo svg text:nth-child(2){fill:var(--ink)}.nav-links{display:flex;list-style:none;gap:28px;padding:0}.nav-links a{text-decoration:none;font-size:12px;color:var(--muted)}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--ink);color:var(--paper);font-size:12px;text-decoration:none;padding:11px 16px}.burger{display:none;background:transparent;border:0;padding:10px;width:44px;height:44px}.burger span{display:block;background:var(--ink);height:1px;margin:5px 0;width:24px}.mobile-menu{display:none;position:sticky;top:64px;z-index:9;background:var(--paper);padding:16px 5%;border-bottom:1px solid var(--line)}.mobile-menu a{padding:13px 0;text-decoration:none}.ticker{display:none}
/* Editorial opening */
#hero{padding:18px 5% 0;overflow:hidden}.ed-topline,.ed-bottom,.ed-principle-label{display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.12em;font-weight:500}.ed-topline{border-bottom:1px solid #20211d40;padding:14px 0 20px}.ed-heading{display:grid;grid-template-columns:1.7fr 1fr;gap:7%;align-items:end;padding:48px 0 54px}.ed-heading h1{font-size:clamp(64px,8.5vw,132px);letter-spacing:-.075em;line-height:.99}.ed-heading em{font:400 1em/.99 Georgia,serif;letter-spacing:-.065em}.ed-last{display:inline-block;background:var(--lime);padding:0 .12em .06em;margin:.1em 0 0 -.12em}.ed-side{max-width:370px;padding-bottom:10px}.ed-index{display:block;margin-bottom:26px}.ed-side p{font-size:clamp(17px,1.55vw,23px);line-height:1.55;letter-spacing:-.025em;margin-bottom:32px}.ed-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:17px 0;text-decoration:none;font-size:13px;font-weight:500;line-height:1.6;transition:background .2s}.ed-cta span{font-size:27px;flex-shrink:0}.ed-cta:hover{background:var(--lime)}.ed-bottom{align-items:end;border-top:1px solid #20211d40;padding:20px 0 26px;line-height:1.5;letter-spacing:0;font-size:12px}.ed-bottom a{text-decoration:none}.ed-signature{font:italic 16px/1.5 Georgia,serif}
.quote-scene{display:block;position:relative;width:190px;height:145px;margin:0 0 24px;perspective:700px;overflow:visible;isolation:isolate;pointer-events:none}.quote-sculpture{position:absolute;left:32px;top:10px;width:125px;height:125px;transform-style:preserve-3d;transform-origin:center;animation:quote-turn 18s linear infinite}.quote-slice{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:bold 190px/1 Georgia,serif;color:#697441;transform:translateZ(var(--depth));backface-visibility:visible;text-shadow:0 1px #334124}.quote-slice:first-child,.quote-slice:last-child{color:#d5ed78;text-shadow:0 1px #f1ffc0,0 -1px #687740}@keyframes quote-turn{from{transform:rotateX(-13deg) rotateY(-20deg) rotateZ(-8deg)}to{transform:rotateX(-13deg) rotateY(340deg) rotateZ(-8deg)}}
/* Dark source illustration */
#quellenprinzip{background:var(--ink);color:var(--paper);padding:42px 5% 80px}.ed-principle-label{border-bottom:1px solid #f4f2e92b;padding-bottom:18px}.ed-principle-label span:last-child{opacity:.7;letter-spacing:0;font-weight:400}.ed-principle-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:10%;align-items:center;padding-top:65px}.ed-principle h2{font-size:clamp(42px,5vw,72px);margin-bottom:25px}.ed-principle-grid>div>p{max-width:410px;color:var(--dark-muted);font-size:16px;line-height:1.75}.ed-textlink{display:inline-block;color:var(--lime);text-decoration:none;padding-top:8px;font-size:13px}.customer-benefits{list-style:none;padding:0;margin:28px 0 0;max-width:410px}.customer-benefits li{margin-bottom:17px}.customer-benefits strong{display:block;font-size:14px;font-weight:500}.customer-benefits span{display:block;font-size:12px;color:var(--dark-muted);line-height:1.7;margin-top:4px}.ed-paper{background:var(--paper);color:var(--ink);padding:26px;transform:rotate(-1deg);box-shadow:5px 6px #d6dfae;margin-right:10px;transition:transform .6s}.ed-paper:hover{transform:none}.ed-paper-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;border-bottom:1px solid #20211d40;padding-bottom:16px}.ed-paper>.ed-paper-text{color:var(--ink)}.ed-paper-text{font-size:clamp(24px,2.8vw,41px);line-height:1.4;letter-spacing:-.045em;margin:36px 0}.ed-paper mark{color:inherit;background:linear-gradient(var(--lime),var(--lime)) no-repeat left bottom/0% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 4px;transition:background-size 1.2s ease}.ed-paper.is-visible mark{background-size:100% 100%}.ed-source{display:flex;gap:13px;border-top:1px solid #20211d40;padding-top:20px}.ed-source-icon{background:var(--ink);color:var(--lime);padding:5px 9px;font-size:24px;align-self:center}.ed-source div span{display:block;font-size:9px;letter-spacing:.05em;margin-bottom:6px}.ed-source strong{display:block;font-size:12px;font-weight:500}
/* Stable, decoded logo loop */
.logo-band{background:var(--paper-alt);padding:38px 5%}.logo-band-intro{max-width:900px;margin:auto;text-align:center}.logo-band-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.logo-band-description{max-width:640px;margin:0 auto 24px;font-size:12px;line-height:1.7;color:var(--muted)}.logo-marquee{overflow:hidden;width:100%;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.logo-marquee-track{display:flex;width:max-content;animation:logo-loop 65s linear infinite;animation-play-state:paused;opacity:0;transition:opacity .2s}.logo-marquee.is-ready .logo-marquee-track{animation-play-state:running;opacity:1}.logo-set{display:flex;align-items:center;flex:0 0 auto;gap:30px;padding-right:30px}.logo-item{--logo-filter:grayscale(1) contrast(7);display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;height:70px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.logo-item.logo-inverse{--logo-filter:grayscale(1) invert(1) contrast(100)}.logo-item img{display:block;flex:none;width:var(--logo-width);height:var(--logo-height);max-width:none;object-fit:contain;opacity:.55;filter:var(--logo-filter) url(#logo-paper-to-alpha);transition:opacity .2s}.logo-item:has(img[src*='media-matters']),.logo-item:has(img[src*='newstime']){--logo-filter:grayscale(1)}.logo-item:is(:hover,:focus-visible,[aria-pressed=true]) img{opacity:1}.logo-marquee:is(:hover,:focus-within) .logo-marquee-track{animation-play-state:paused}@keyframes logo-loop{to{transform:translateX(-50%)}}
/* Method */
#methodik{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:88px 5%}.method-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:9%;align-items:start;max-width:1250px;margin:auto}.method-intro>.reveal{font-size:10px;letter-spacing:.15em;color:#646b50;margin-bottom:25px}.method-intro h2.reveal{max-width:510px;font-size:clamp(44px,4.2vw,60px);letter-spacing:-.055em;color:inherit;margin-bottom:23px}.method-intro>p{color:#727568;font-size:14px;line-height:1.85;max-width:410px}.method-fold{border-bottom:1px solid var(--line)}.method-fold:first-child{border-top:1px solid var(--line)}.method-fold summary{display:flex;gap:18px;align-items:center;padding:19px 0;cursor:pointer;list-style:none}.method-fold summary::-webkit-details-marker{display:none}.fold-letter{flex:0 0 28px;width:28px;font:400 27px/1 Georgia,serif;color:#969c83;transition:color .18s}.fold-title{flex:1;min-width:0;font-size:18px;line-height:1.35;color:#59604e;font-weight:400;letter-spacing:-.025em;transition:color .18s}.fold-title small{display:block;font-size:9px;color:#8b927d;font-weight:400;letter-spacing:.09em;line-height:1.5;margin-top:6px;text-transform:uppercase}.fold-plus{font-size:19px;color:#90967f;font-weight:400;transition:transform .2s}.method-active .fold-title{color:var(--ink)}.method-active .fold-letter{color:#4d5932}.method-active .fold-plus{transform:rotate(45deg)}.method-fold p{margin:0;padding:0 15px 22px 46px;color:#727568;font-size:13px;line-height:1.8;max-width:590px}.fold-motion{overflow:hidden;display:flow-root;min-height:0;transition:height .27s cubic-bezier(.22,.61,.36,1),opacity .18s}.method-map{margin-top:34px;max-width:390px}.method-path{list-style:none;padding:0;margin:0}.method-path li{display:flex;gap:18px;align-items:flex-start;position:relative;padding-bottom:27px}.method-path li:not(:last-child)::before{content:'';position:absolute;left:5px;top:15px;bottom:3px;width:1px;background:#c9cfbd}.path-dot{position:relative;flex:0 0 11px;width:11px;height:11px;border:1px solid #aab49a;border-radius:50%;margin-top:5px;background:var(--paper);transition:background .18s,border-color .18s}.method-path strong{display:block;font:400 21px/1.3 Georgia,serif;color:#69715b;transition:color .18s}.method-path small{display:block;font-size:10px;color:#7a816d;line-height:1.6;margin-top:5px}.map-active .path-dot{background:#d8eaa2;border-color:#708049}.map-active strong{color:#29351b}.map-caption{font-size:11px;color:#737b64;line-height:1.6}
/* Offer */
#pakete{background:var(--ink);color:var(--paper);padding:100px 5%}.collab{display:grid;grid-template-columns:1fr 1fr;gap:35px 10%;max-width:1250px;margin:auto}#pakete .label{color:#c9d1ad}#pakete h2{font-size:clamp(44px,5vw,70px)}.offer-intro{margin-top:24px;line-height:1.8;max-width:450px;color:var(--dark-muted)}.price-line{display:table;background:var(--lime);color:var(--ink);padding:4px 13px 9px;margin:32px 0 22px;font:400 clamp(49px,5.8vw,82px)/1.05 var(--font-title);letter-spacing:-.065em}.price-line small{font:400 13px/1.6 var(--font-body);letter-spacing:0;margin-left:8px;color:#454d30}.offer-scope{font-size:12px;color:var(--dark-muted);max-width:390px}.collab .btn-primary{background:transparent;color:var(--lime);border:0;border-bottom:1px solid #a0ae77;padding:11px 0;margin-top:20px}.collab .btn-primary:hover{color:var(--paper);border-color:var(--paper)}.collab-box{padding-top:64px}.collab-row{padding:26px 0;border-bottom:1px solid #f4f2e933}.collab-row:first-child{border-top:1px solid #f4f2e933}.collab-row b{display:block;font-size:22px;font-weight:400;line-height:1.2;letter-spacing:-.035em}.collab-row span{display:block;font-size:14px;color:var(--dark-muted);line-height:1.7;margin-top:10px}.offer-boundary{font-size:11px;line-height:1.7;margin-top:20px;max-width:450px;color:var(--dark-muted)}.offer-continuation{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #f4f2e933;padding-top:25px}.offer-continuation>span{font-size:10px;letter-spacing:.07em;color:#b0b7a1}.offer-continuation strong{font-size:16px;font-weight:400;color:#e0e4d6}.offer-continuation p{font-size:12px;color:var(--dark-muted);line-height:1.7;margin-top:10px;max-width:490px}
/* Person */
#ueber-mich{background:var(--paper-alt);padding:100px 5%}.about-v3{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center;max-width:1250px;margin:auto}.portrait-wrap{position:relative;max-width:430px;transform:rotate(-2deg)}.portrait-wrap img{width:100%;height:auto;aspect-ratio:auto;filter:grayscale(1)}.portrait-tag{position:absolute;bottom:18px;left:18px;z-index:1;background:var(--lime);color:var(--ink);padding:10px 15px;font-size:10px;max-width:calc(100% - 36px)}.personal-quote-mark{display:none}.about-quote{font:400 clamp(34px,4.2vw,60px)/1.15 Georgia,serif;letter-spacing:-.05em}.about-meta{font-size:14px;color:var(--muted);line-height:1.85;margin-top:30px;max-width:490px}.about-meta strong{color:var(--ink);font-weight:500}
/* FAQ */
#faq{display:grid;grid-template-columns:.85fr 1.3fr;gap:30px 9%;padding:100px 5%}#faq>.label{grid-column:1/-1;margin:0}#faq>h2{max-width:320px;font-size:clamp(44px,5vw,70px)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;position:relative;list-style:none;padding:25px 30px 25px 0;font-size:19px;font-weight:400;line-height:1.45;letter-spacing:-.025em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:0;top:25px;color:#6c7759}.faq-list details[open] summary::after{content:'−'}.faq-list p{padding:0 20px 25px 0;font-size:14px;line-height:1.8;color:var(--muted)}
/* Contact */
#kontakt{background:var(--lime);display:grid;grid-template-columns:1fr 1fr;gap:28px 10%;align-items:start;padding:100px 5%}#kontakt>.label{grid-column:1/-1;margin:0;color:#4b5730}#kontakt>h2{grid-column:1;grid-row:2;font-size:clamp(44px,5.1vw,74px)}#kontakt>p{grid-column:1;grid-row:3;font-size:15px;color:#4c5833;max-width:420px}.contact-form{grid-column:2;grid-row:2/4;width:100%;min-width:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.contact-grid>label:last-child{grid-column:1/-1}.contact-form label{display:block;font-size:12px;color:#3e4b28;margin-bottom:18px}.contact-form label span{display:block;font-size:10px;color:#526338;margin-top:3px}.contact-form input,.contact-form textarea{display:block;width:100%;max-width:100%;border:0;border-bottom:1px solid #53643177;border-radius:0;background:transparent;color:var(--ink);padding:14px 0;margin-top:8px;font-size:16px;line-height:1.5;resize:vertical}.contact-form input::placeholder{color:#526338}.contact-privacy,.contact-personal{font-size:11px;color:#4b5932;line-height:1.7;margin:12px 0}.contact-form button:disabled{opacity:.65;cursor:wait}.contact-email{border-top:1px solid #53643155;margin-top:30px;padding-top:25px;color:#45522e;font-size:12px;text-align:center;line-height:1.8}.contact-email a{color:var(--ink);overflow-wrap:anywhere}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#contactStatus{min-height:1.7em;color:#344321;font-size:12px;line-height:1.7;margin-top:15px}
/* Footer and narrow screens */
footer{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;padding:35px 5%;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:22px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.anchor-alias{display:block;scroll-margin-top:100px}
@media(min-width:1500px){main>section{padding-left:max(5%,calc((100vw - 1350px)/2));padding-right:max(5%,calc((100vw - 1350px)/2))}}
@media(max-width:1000px){.nav-links{gap:18px}.nav-cta{font-size:11px}.ed-heading{grid-template-columns:1.4fr 1fr;gap:6%}.method-layout{gap:6%}.collab-row b{font-size:20px}}
@media(max-width:760px){html{scroll-padding-top:90px}main>section,#methodik,#pakete,#ueber-mich,#faq,#kontakt{padding:60px 5%}body>nav{padding:10px 5%;gap:12px}.nav-links,.nav-cta{display:none}.burger{display:block}.mobile-menu.open{display:flex;flex-direction:column}.ed-topline{font-size:9px}.ed-topline span:last-child{display:none}#hero{padding-top:12px}.ed-heading{grid-template-columns:1fr;gap:20px;padding:35px 0 38px}.ed-heading h1{font-size:clamp(48px,12.8vw,98px)}.ed-side{max-width:520px}.ed-side p{font-size:18px;margin-bottom:25px}.ed-index{margin-bottom:15px}.quote-scene{width:150px;height:120px;margin-top:6px;margin-bottom:20px}.quote-sculpture{left:18px;top:0;width:110px;height:110px}.quote-slice{font-size:160px}.ed-bottom{font-size:11px}.ed-signature{display:none}#quellenprinzip{padding:35px 5% 65px}.ed-principle-grid{grid-template-columns:1fr;gap:45px;padding-top:40px}.ed-principle h2{font-size:48px}.ed-principle-label{font-size:9px;letter-spacing:.05em}.ed-principle-label span:last-child{max-width:110px;text-align:right}.ed-paper{padding:23px}.ed-paper-text{font-size:clamp(24px,6.9vw,31px)}.ed-source{gap:10px}.ed-source div span{font-size:9px}.logo-band{padding:30px 5%}.method-layout{grid-template-columns:1fr;gap:30px}.method-intro h2.reveal{font-size:clamp(38px,11vw,44px);max-width:none}.method-map{margin:28px 0 0;max-width:370px}.method-path li{padding-bottom:20px}.method-path strong{font-size:19px}.method-fold summary{gap:14px;padding:19px 0}.fold-title{font-size:16px}.fold-letter{font-size:27px}.method-fold p{padding-left:42px}.collab,.about-v3{grid-template-columns:1fr;gap:40px}.collab h2{font-size:46px}.collab-box{padding-top:0}.offer-continuation{grid-template-columns:1fr;gap:15px}.offer-continuation strong{line-height:1.6}.portrait-wrap{width:min(100%,280px);max-width:280px;margin:0 auto 20px}.portrait-wrap img{height:auto;aspect-ratio:auto}.about-quote{font-size:39px}#faq,#kontakt{grid-template-columns:1fr;gap:28px}#faq>h2,#kontakt>h2{font-size:46px;max-width:none}#kontakt>h2,#kontakt>p,.contact-form{grid-column:1;grid-row:auto}.faq-list summary{font-size:16px;padding:22px 30px 22px 0}.faq-list summary::after{top:22px}.contact-form{margin-top:10px}.contact-grid{grid-template-columns:1fr;gap:0}.contact-grid>label:last-child{grid-column:auto}.contact-form .btn{width:100%;min-height:48px}footer{align-items:flex-start;gap:22px}.footer-links a,.mobile-menu a{min-height:44px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none;transition:none}.quote-sculpture{transform:rotateX(-13deg) rotateY(-25deg) rotateZ(-8deg)}.logo-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.logo-marquee-track{animation:none}.logo-set[aria-hidden=true]{display:none}.ed-paper mark{background-size:100% 100%}}
