/* Integration layer: Puck Editorial, white / black / RAL 6005 only. */
:root{--text-small:clamp(.8rem,.76rem + .2vw,.9rem);--text-body:clamp(1rem,.96rem + .25vw,1.125rem)}
.site-header{gap:24px;min-height:94px}
.logo-signet{height:18px;width:auto;object-fit:contain;position:relative;top:1px}
.logo{gap:12px}
.logo-divider{display:block;flex:none;width:1px;height:20px;background:var(--black);position:relative;top:1px}
.ph-signet{height:30px!important;top:-2px!important}
.logo-text{font-size:clamp(16px,1.5vw,20px)}
.puck-nav{display:flex;gap:24px;align-items:center}
.site-header .puck-nav a{color:var(--moss);min-height:44px;display:flex;align-items:center;padding:4px 8px}
.site-header .puck-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.site-header .puck-nav a:hover,.site-header .puck-nav a:focus-visible{color:var(--white)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--moss);outline-offset:4px}
.section-next{margin-top:28px}
.pull-quote,.pull-quote a{font-style:normal}
.legal-section h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,5vw,64px);line-height:1.15}
.timeline-page .site-header{max-width:1140px;padding-inline:0;width:calc(100% - 2 * var(--gutter));border-bottom:1px solid var(--black)}
.timeline-page .site-footer{width:calc(100% - 2 * var(--gutter));max-width:1140px;margin:auto}
.timeline-page .site-footer .footer-inner{padding-inline:0}
.editorial-page main{max-width:960px;margin:auto;padding:0 var(--gutter)}
.plot-intro{padding:80px 0 64px}
.plot-intro .eyebrow{margin-bottom:28px}
.plot-intro h1{font-family:var(--display);font-weight:400;font-size:clamp(72px,11vw,132px);line-height:1.05;margin-bottom:32px;letter-spacing:-.025em}
.plot-lede{font-size:clamp(20px,2vw,25px);line-height:1.5;max-width:40ch}
.essay-list{border-top:1px solid var(--black);padding:48px 0 100px}
.essay-meta{font-size:13px;letter-spacing:.05em;margin-bottom:24px}
.essay-list h2{font-family:var(--display);font-weight:400;font-size:clamp(36px,5vw,58px);line-height:1.12;margin-bottom:22px;max-width:20ch}
.essay-list h2 a{text-decoration:none}
.essay-list article>p:not(.essay-meta){max-width:56ch;font-size:18px}
.essay-teaser{margin-top:20px}
.essay-open{display:inline-flex;align-items:center;gap:40px;min-height:44px;margin-top:26px}
.essay{padding:48px 0 80px}
.essay-heading{padding-bottom:44px;border-bottom:1px solid var(--black)}
.essay-back{display:inline-flex;min-height:44px;align-items:center;margin-bottom:40px;font-size:14px}
.essay-heading h1{font-family:var(--display);font-weight:400;font-size:clamp(44px,6.5vw,82px);line-height:1.09;letter-spacing:-.025em;max-width:14ch;margin-bottom:28px}
.essay-subtitle{font-size:clamp(20px,2.5vw,26px);line-height:1.45;max-width:43ch}
.essay-byline{margin-top:28px;font-size:15px}
.essay-body{max-width:65ch;margin:48px auto 0;font-size:clamp(17px,1.8vw,19px);line-height:1.65}
.essay-body p{margin-bottom:24px}
.essay-body h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,3.5vw,38px);line-height:1.2;margin:52px 0 24px}
.essay-end{max-width:65ch;margin:64px auto 0;border-top:1px solid var(--black);padding-top:32px;display:flex;gap:24px;flex-wrap:wrap}
.essay-end a{min-height:44px;display:inline-flex;align-items:center}
.essay-end p{width:100%;font-family:var(--display);font-size:32px}
@media(max-width:600px){.site-header{align-items:flex-start;flex-direction:column;gap:12px;padding-block:20px}.site-header .puck-nav{gap:24px}.site-header .puck-nav a{padding-left:0;padding-right:12px}.hero{padding-top:60px}.hero h1{font-size:clamp(44px,10vw,60px)}.plot-intro{padding-top:48px}.essay{padding-top:28px}.essay-back{margin-bottom:24px}.essay-body{margin-top:32px}.essay-heading{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.mandate-note{font-size:var(--text-small);line-height:1.6;max-width:62ch;margin-top:36px;padding-top:16px;border-top:1px solid var(--black)}
.mandate-list{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 56px;margin-top:8px}
.mandate{border-top:1px solid var(--black);padding-top:24px}
.mandate-meta{font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}
.section .mandate-name{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.01em;margin-bottom:20px}
.mandate-name a{color:var(--moss)}
.mandate p{font-size:17px;line-height:1.6;max-width:44ch;margin-bottom:14px}
.mandate-principle{font-family:var(--display);font-size:clamp(20px,2.2vw,26px);line-height:1.3;margin-top:48px;max-width:36ch}
@media(max-width:720px){.mandate-list{grid-template-columns:1fr;gap:40px}}
.kontakt-wrap{background:var(--moss);color:var(--white);border-top:0;margin-top:40px}
.kontakt-wrap .section-eyebrow,.kontakt-wrap h2,.kontakt-wrap .contact-address,.kontakt-wrap p{color:var(--white)}
.kontakt-wrap .contact-line a{color:var(--white);text-decoration:underline;text-underline-offset:5px}
.kontakt-wrap .contact-line a:hover,.kontakt-wrap .contact-line a:focus-visible{background:var(--white);color:var(--moss);text-decoration:none;outline:none}
.kontakt-wrap + .site-footer{margin-top:0}
.essay-list article+article{border-top:1px solid var(--black);margin-top:56px;padding-top:48px}
.essay-body strong{font-weight:400;font-family:var(--display);font-size:1.12em}
.essay-body .essay-bio{margin-top:48px;padding-top:20px;border-top:1px solid var(--black);font-size:15px}
.essay-end{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline}
/* page: dunkler Einstiegsblock (Header + Hero), Moosgrün RAL 6005 */
.home .site-header,.home .hero{background:var(--moss);color:var(--white);box-shadow:0 0 0 100vmax var(--moss);clip-path:inset(0 -100vmax)}
.home .site-header{max-width:var(--wide);margin:0 auto;padding-inline:var(--gutter)}
.home .hero{margin-bottom:0;padding-bottom:clamp(80px,12vw,120px)}
.home .hero .eyebrow,.home .hero h1,.home .hero .lede,.home .site-header .logo,.home .site-header .logo-text{color:var(--white)}
.home .site-header .logo-signet{filter:invert(1)}
.home .site-header .logo-divider{background:var(--white)}
.home .site-header .puck-nav a{color:var(--white)}
.home .site-header .puck-nav a:hover,.home .site-header .puck-nav a:focus-visible{background:var(--white);color:var(--moss)}
.home .site-header .logo:hover,.home .site-header .logo:focus-visible{background:transparent;color:var(--white)}
.home .site-header a:focus-visible{outline-color:var(--white)}
.home .referenz{padding-top:clamp(80px,10vw,120px)}
.home .site-header{clip-path:inset(0 -100vmax -2px -100vmax)}
.home .hero{clip-path:inset(-2px -100vmax 0 -100vmax)}
.about-portrait-layout{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:48px;align-items:start}
.about-portrait{margin:0}
.about-portrait img{display:block;width:100%;height:auto}
.about-portrait figcaption{font-size:var(--text-small);line-height:1.5;margin-top:12px}
.about-portrait-copy .about-text+.about-text{margin-top:24px}
@media(max-width:720px){.about-portrait-layout{grid-template-columns:1fr;gap:28px}.about-portrait{max-width:360px}}
