:root{
  --paper:#f1eee5;
  --paper-2:#e7e2d7;
  --ink:#0a0d13;
  --cobalt:#2855ff;
  --orange:#ff5a31;
  --acid:#d9ff4c;
  --white:#fffdf8;
  --muted:#74736e;
  --line:rgba(10,13,19,.18);
  --page:clamp(22px,4vw,72px);
  --header:80px;
  --sans:"Inter Display","Inter","Helvetica Neue",Arial,sans-serif;
  --serif:"EB Garamond","Iowan Old Style","Times New Roman",serif;
  --mono:"PT Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --display:var(--sans);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px);background:var(--ink)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block;max-width:100%}
figure{margin:0}
p{overflow-wrap:anywhere}
h1,h2,h3,h4{overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}
::selection{background:var(--acid);color:var(--ink)}

.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 14px;background:var(--ink);color:var(--white);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.scroll-progress{position:fixed;z-index:999;top:0;left:0;width:100%;height:3px;pointer-events:none}
.scroll-progress span{display:block;width:0;height:100%;background:var(--orange);will-change:width}

.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:var(--header);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:32px;padding:0 var(--page);background:rgba(241,238,229,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:13px;width:max-content}
.brand-mark{width:40px;height:40px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:square}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}
.brand-copy strong{font-size:14px;letter-spacing:.02em;text-transform:uppercase}
.brand-copy small{margin-top:5px;font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.desktop-nav{display:flex;align-items:center;gap:5px}
.desktop-nav a{position:relative;padding:10px 14px;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.desktop-nav a span{margin-right:7px;color:var(--orange);font-family:var(--mono);font-size:9px;font-weight:400}
.desktop-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.header-folio{display:flex;gap:12px;align-items:center;padding-left:28px;border-left:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.header-folio span:last-child{color:var(--cobalt)}
.menu-button{display:none;border:0;background:none;padding:10px;align-items:center;gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:.1em;cursor:pointer}
.menu-button i{display:block;width:20px;height:1px;background:currentColor;transition:transform .25s ease,opacity .25s ease}
.menu-button[aria-expanded="true"] i:nth-of-type(1){transform:translateX(5px) rotate(45deg)}
.menu-button[aria-expanded="true"] i:nth-of-type(2){transform:translateX(-5px) rotate(-45deg)}
.mobile-menu{position:fixed;z-index:90;inset:0;padding:calc(var(--header) + 45px) var(--page) 44px;background:var(--acid);transform:translateY(-105%);transition:transform .45s cubic-bezier(.76,0,.24,1);display:flex;flex-direction:column;justify-content:space-between}
.mobile-menu.is-open{transform:none}
.mobile-menu nav{display:flex;flex-direction:column}
.mobile-menu nav a{display:flex;align-items:center;gap:18px;padding:10px 0;border-bottom:2px solid var(--ink);font-size:clamp(32px,9vw,68px);font-weight:850;line-height:1;letter-spacing:-.045em}
.mobile-menu nav a[aria-current="page"]{font-family:var(--serif);font-style:italic;font-weight:600}
.mobile-menu nav span{font-family:var(--mono);font-size:12px;font-weight:400}
.mobile-menu-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.mobile-menu-foot p{max-width:50ch;margin:0;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.mobile-menu-foot div{display:flex;gap:18px;font-family:var(--mono);font-size:10px;text-transform:uppercase}

/* Home hero */
.hero{position:relative;min-height:100svh;padding-top:var(--header);background:var(--paper);isolation:isolate;overflow:hidden}
.hero-grid{position:absolute;z-index:-3;inset:var(--header) 0 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(10,13,19,.09) 1px);background-size:8.3333% 100%;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 94%)}
.hero-noise{position:absolute;z-index:8;inset:0;opacity:.18;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
.hero-accent{position:absolute;z-index:-2;pointer-events:none}
.hero-accent--blue{width:min(48vw,720px);aspect-ratio:1;border-radius:50%;right:9vw;top:9vh;background:var(--cobalt);transform:rotate(-10deg)}
.hero-meta{position:absolute;z-index:10;left:var(--page);top:126px;display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.eyebrow{font-weight:700;color:var(--cobalt)}
.hero-meta-rule{width:55px;height:1px;background:var(--ink)}
.hero-title{position:absolute;z-index:0;inset:18vh var(--page) auto;display:flex;flex-direction:column;margin:0;font-size:clamp(105px,15.7vw,300px);font-weight:900;line-height:.68;letter-spacing:-.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.hero-title-line{display:block;will-change:transform}
.hero-title-line--outline{color:transparent;-webkit-text-stroke:2px var(--ink);transform:translateX(-.02em)}
.hero-title-line--solid{align-self:flex-end;margin-right:2.7vw;color:var(--ink);transform:translateX(.03em)}
.hero-portrait{position:absolute;z-index:3;right:8.5vw;bottom:0;width:min(49vw,760px);will-change:transform;filter:drop-shadow(0 24px 30px rgba(0,0,0,.16))}
.hero-portrait img{width:100%;height:auto}
.hero-orbit{position:absolute;z-index:2;right:3.8vw;top:13vh;width:min(25vw,370px);aspect-ratio:1;will-change:transform}
.hero-orbit svg{width:100%;height:100%;overflow:visible;animation:orbit 24s linear infinite}
.hero-orbit text{font-family:var(--mono);font-size:10px;letter-spacing:1.4px;fill:var(--acid)}
@keyframes orbit{to{transform:rotate(360deg)}}
.hero-copy{position:absolute;z-index:12;left:var(--page);bottom:92px;width:min(33vw,430px)}
.hero-lead{margin:0 0 18px;font-family:var(--serif);font-size:clamp(32px,3.2vw,55px);line-height:.98;letter-spacing:-.03em}
.hero-lead em{color:var(--cobalt);font-weight:500}
.hero-text{max-width:35ch;margin:0 0 24px;font-size:14px;line-height:1.65}
.arrow-link{display:inline-flex;align-items:center;gap:18px;padding:10px 0;border-bottom:2px solid currentColor;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.arrow-link span{font-size:18px;transition:transform .2s ease}
.arrow-link:hover span{transform:translate(4px,-4px)}
.arrow-link--light{color:var(--white)}
.hero-side-note{position:absolute;z-index:12;right:var(--page);bottom:108px;display:flex;align-items:center;gap:14px;transform:rotate(90deg) translateX(100%);transform-origin:right bottom;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.hero-side-note i{width:80px;height:1px;background:var(--ink)}
.hero-ribbon{position:absolute;z-index:15;left:-3%;right:-3%;bottom:-7px;overflow:hidden;background:var(--acid);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-1.4deg)}
.ribbon-track{display:flex;width:max-content;align-items:center;gap:26px;padding:12px 0;animation:marquee 34s linear infinite;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ribbon-track b{font-size:12px;color:var(--orange)}
@keyframes marquee{to{transform:translateX(-50%)}}

.section-index{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.section-kicker{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase}

/* Standpoint */
.perspective{position:relative;padding:clamp(110px,12vw,190px) var(--page) clamp(105px,11vw,175px);background:var(--ink);color:var(--white);overflow:hidden}
.perspective-meta{position:relative;z-index:2;display:grid;grid-template-columns:90px minmax(150px,.65fr) minmax(280px,1fr);gap:40px;align-items:start}
.perspective-meta .section-index{padding-top:3px;color:var(--acid)}
.perspective-meta .section-kicker{padding-top:2px}
.perspective-deck{justify-self:end;max-width:48ch;margin:0;color:#bdbdb7;font-size:15px;line-height:1.75}
.perspective-title{position:relative;z-index:2;max-width:1350px;margin:clamp(70px,8vw,125px) 0 clamp(70px,8vw,125px);font-size:clamp(62px,8.9vw,160px);font-weight:850;line-height:.82;letter-spacing:-.075em;text-transform:uppercase}
.perspective-title em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--orange)}
.perspective-lower{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:clamp(34px,5.5vw,90px);align-items:stretch}
.perspective-image{position:relative}
.perspective-image::before{content:"";position:absolute;z-index:2;left:0;top:0;width:28%;height:4px;background:var(--acid)}
.perspective-image img{width:100%;height:100%;min-height:360px;aspect-ratio:16/7;object-fit:cover;object-position:center 38%;filter:grayscale(1) contrast(1.08)}
.perspective-image figcaption{position:absolute;left:14px;bottom:12px;padding:5px 8px;background:rgba(10,13,19,.78);font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#d7d7d1}
.perspective-notes{display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(12px,2vw,28px);border-top:1px solid rgba(255,255,255,.35)}
.perspective-notes>p{max-width:23ch;margin:0;font-family:var(--serif);font-size:clamp(27px,2.6vw,46px);line-height:1.05;letter-spacing:-.03em;color:#eeeDE8}
.perspective-tags{margin-top:50px;border-top:1px solid rgba(255,255,255,.35)}
.perspective-tags span{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.35);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.perspective-tags b{color:var(--acid);font-weight:400}

/* Journal preview */
.journal{padding:clamp(110px,12vw,190px) var(--page);background:var(--paper)}
.journal-head{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(440px,1.15fr) minmax(260px,.65fr);gap:clamp(30px,5vw,90px);align-items:start;padding-top:26px;margin-bottom:clamp(65px,8vw,120px);border-top:2px solid var(--ink)}
.journal-meta{display:flex;flex-direction:column;gap:38px}
.journal-meta .section-index{color:var(--orange)}
.journal-head h2,.themes-head h2,.work-intro h2,.person-copy h2,.index-head h2,.related-section h2,.theme-explanation h2,.project-principles h2,.bio-section h2,.publication-section h2,.contact-section h2{margin:0;font-size:clamp(60px,8vw,145px);font-weight:850;line-height:.82;letter-spacing:-.075em;text-transform:uppercase}
.journal-head h2 em,.index-head h2 em,.related-section h2 em,.theme-explanation h2 em,.project-principles h2 em,.bio-section h2 em,.publication-section h2 em,.contact-section h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--cobalt)}
.journal-intro{align-self:end;padding-top:18px;border-top:1px solid var(--ink)}
.journal-intro p{max-width:35ch;margin:0 0 28px;font-size:14px;line-height:1.75}
.feature-story{position:relative;min-height:min(68vw,900px);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);color:var(--white)}
.feature-image{position:absolute;inset:0}
.feature-image::after{content:"";position:absolute;inset:0;background:linear-gradient(70deg,rgba(6,9,13,.94) 0%,rgba(6,9,13,.4) 48%,rgba(6,9,13,.04) 76%)}
.feature-image img{width:100%;height:100%;object-fit:cover;object-position:center 34%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.feature-story:hover .feature-image img{transform:scale(1.025)}
.feature-number{position:absolute;z-index:2;right:2vw;top:-.12em;font-size:clamp(150px,28vw,520px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.42);letter-spacing:-.08em}
.feature-copy{position:relative;z-index:3;width:min(690px,66%);padding:clamp(32px,6vw,90px)}
.story-meta{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:24px;font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--story-accent,var(--acid))}
.feature-copy h3{max-width:10ch;margin:0 0 24px;font-size:clamp(50px,7vw,112px);line-height:.84;letter-spacing:-.07em;text-transform:uppercase}
.feature-copy p{max-width:45ch;margin:0 0 30px;font-size:16px;line-height:1.65;color:#d0d0cb}
.story-stream{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.stream-story{position:relative;min-height:420px;padding:38px 38px 34px;border-right:1px solid var(--ink);display:flex;flex-direction:column;background:linear-gradient(to bottom,var(--story-accent) 0 6px,transparent 6px)}
.stream-story:last-child{border-right:0}
.stream-no{font-family:var(--mono);font-size:10px;color:var(--orange)}
.stream-meta{margin-top:auto;margin-bottom:14px;font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.stream-story h3{max-width:13ch;margin:0 0 18px;font-family:var(--serif);font-size:clamp(31px,3vw,48px);font-weight:500;line-height:1;letter-spacing:-.035em}
.stream-story p{max-width:37ch;margin:0;font-size:13px;color:var(--muted)}
.stream-story>a{position:absolute;right:32px;top:28px;font-size:24px;transition:transform .2s ease}
.stream-story>a:hover{transform:translate(4px,-4px)}

/* Theme preview: distinct colors, no white circle */
.themes{position:relative;background:var(--cobalt);color:var(--white);overflow:hidden}
.themes-stage{position:relative;padding:clamp(110px,12vw,180px) var(--page);display:grid;grid-template-columns:minmax(300px,.65fr) minmax(540px,1.35fr);gap:clamp(55px,8vw,140px);align-items:start}
.themes-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,rgba(0,0,0,.1),rgba(0,0,0,.8))}
.themes-head{position:sticky;z-index:2;top:calc(var(--header) + 50px)}
.themes-head .section-index{margin-bottom:36px;color:var(--acid)}
.themes-head .section-kicker{margin-bottom:24px}
.themes-head h2{max-width:5ch;margin-bottom:50px}
.themes-head h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--acid)}
.theme-card-list{position:relative;z-index:3;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.theme-card-list li{margin:0}
.theme-card{position:relative;display:grid;grid-template-columns:62px 1fr auto;gap:22px;align-items:start;min-height:180px;padding:28px 30px;background:var(--theme);color:var(--theme-ink);border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);transition:transform .25s ease,box-shadow .25s ease}
.theme-card:hover{transform:translate(-4px,-4px);box-shadow:13px 13px 0 var(--ink)}
.theme-card-no{padding-top:8px;font-family:var(--mono);font-size:10px}
.theme-card strong{font-size:clamp(28px,3.3vw,54px);line-height:.92;letter-spacing:-.055em}
.theme-card p{grid-column:2;max-width:48ch;margin:6px 0 0;font-size:13px;line-height:1.65}
.theme-card-arrow{grid-column:3;grid-row:1/3;font-size:30px;transition:transform .25s ease}
.theme-card:hover .theme-card-arrow{transform:translate(5px,-5px)}

/* Work preview */
.work{position:relative;padding:clamp(120px,14vw,220px) var(--page);background:var(--paper-2);overflow:hidden}
.work::before{content:"";position:absolute;left:-8vw;top:11%;width:30vw;aspect-ratio:1;border-radius:50%;background:var(--acid);opacity:.86}
.work-intro{position:relative;z-index:2;display:grid;grid-template-columns:90px .7fr 1.45fr .85fr;gap:35px;align-items:start;margin-bottom:clamp(70px,9vw,130px)}
.work-intro .section-index{padding-top:12px;color:var(--orange)}
.work-intro .section-kicker{padding-top:12px}
.work-intro h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--orange)}
.work-intro-copy{padding-top:12px}
.work-intro-copy p{max-width:34ch;margin:0 0 28px;font-size:14px;line-height:1.75}
.work-list{position:relative;z-index:3;border-top:2px solid var(--ink)}
.work-row{display:grid;grid-template-columns:80px minmax(250px,1.2fr) .8fr 50px;align-items:center;gap:30px;padding:28px 10px 28px 0;border-bottom:2px solid var(--ink);transition:background .3s ease,color .3s ease,padding .3s ease}
.work-row:hover{padding-left:24px;padding-right:24px;background:var(--ink);color:var(--white)}
.work-no{font-family:var(--mono);font-size:10px;color:var(--orange)}
.work-row strong{font-size:clamp(32px,4.4vw,72px);line-height:1;letter-spacing:-.055em}
.work-row>span:nth-child(3){font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.work-row:hover>span:nth-child(3){color:#bdbdb7}
.work-row i{font-style:normal;font-size:26px;text-align:right}
.work-portrait{position:absolute;z-index:1;right:-5vw;bottom:-10vw;width:37vw;opacity:.13;filter:grayscale(1) contrast(1.3);mix-blend-mode:multiply;pointer-events:none}

/* Person preview */
.person{position:relative;min-height:100svh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--ink);color:var(--white);overflow:hidden}
.person-image{position:relative;min-height:100svh;overflow:hidden}
.person-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 58%,var(--ink) 100%),linear-gradient(to top,rgba(10,13,19,.38),transparent 42%)}
.person-image img{width:100%;height:100%;object-fit:cover;object-position:42% center;filter:saturate(.8) contrast(1.05)}
.person-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:120px var(--page) 120px 7vw}
.person-copy .section-index{margin-bottom:34px;color:var(--acid)}
.person-copy .section-kicker{margin-bottom:24px}
.person-copy h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--orange)}
.person-lead{max-width:43ch;margin:48px 0 35px;font-size:16px;line-height:1.75;color:#c9c9c3}
.person-notes{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:40px}
.person-notes span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--acid)}
.person-word{position:absolute;z-index:1;left:-.04em;bottom:-.18em;font-size:22vw;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.15);letter-spacing:-.08em;pointer-events:none;white-space:nowrap}

/* Footer */
.site-footer{padding:86px var(--page) 34px;background:var(--acid);color:var(--ink);overflow:hidden}
.footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:46px;border-bottom:2px solid var(--ink)}
.footer-top p{margin:0;font-family:var(--serif);font-size:clamp(40px,5vw,82px);font-style:italic;line-height:1}
.footer-top a{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:4px}
.footer-top a span{margin-left:14px}
.footer-name{margin:30px 0 22px;font-size:clamp(62px,9.2vw,152px);font-weight:900;line-height:.82;letter-spacing:-.075em;text-align:center;white-space:nowrap}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;padding:22px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}

/* Generic subpage hero */
.subpage main{min-height:60vh}
.page-hero{position:relative;min-height:78svh;padding:calc(var(--header) + clamp(70px,9vw,140px)) var(--page) clamp(70px,8vw,120px);display:grid;grid-template-columns:1.45fr .55fr;grid-template-rows:auto 1fr auto;gap:30px;align-items:end;overflow:hidden;border-bottom:2px solid var(--ink)}
.page-hero-grid{position:absolute;inset:var(--header) 0 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(10,13,19,.1) 1px),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(10,13,19,.07) 1px);background-size:8.3333% 100%,100% 25%;pointer-events:none}
.page-hero-index{position:absolute;right:-.02em;bottom:-.23em;font-size:clamp(240px,37vw,650px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(10,13,19,.18);letter-spacing:-.1em;pointer-events:none}
.page-hero-meta{position:relative;z-index:2;grid-column:1/-1;align-self:start;display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.page-hero h1{position:relative;z-index:2;grid-column:1;margin:0;font-size:clamp(100px,16vw,290px);font-weight:900;line-height:.7;letter-spacing:-.085em;text-transform:uppercase}
.page-hero>p{position:relative;z-index:2;grid-column:2;max-width:37ch;margin:0 0 6px;font-size:17px;line-height:1.7}
.page-hero--journal{background:var(--paper)}
.page-hero--journal .page-hero-meta span:first-child{color:var(--orange)}
.page-hero--themes{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.page-hero--themes::after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:18px;background:linear-gradient(90deg,#8fb1ff 0 20%,#ff7656 20% 40%,#d9ff4c 40% 60%,#ffb0ca 60% 80%,#78dfc2 80% 100%);border-top:2px solid var(--ink)}
.page-hero--themes .page-hero-meta span:first-child{color:var(--cobalt)}
.page-hero--projects{background:var(--paper-2)}
.page-hero--projects .page-hero-meta span:first-child{color:var(--orange)}

.filter-strip{position:sticky;z-index:20;top:var(--header);display:flex;overflow-x:auto;gap:0;background:var(--ink);color:var(--white);border-bottom:1px solid rgba(255,255,255,.25);scrollbar-width:none}
.filter-strip::-webkit-scrollbar{display:none}
.filter-strip a{flex:0 0 auto;padding:18px 25px;border-right:1px solid rgba(255,255,255,.25);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;transition:background .2s ease,color .2s ease}
.filter-strip a:hover,.filter-strip a.is-active{background:var(--filter,var(--acid));color:var(--ink)}

/* Journal directory */
.journal-index{padding:clamp(100px,11vw,170px) var(--page);background:var(--paper)}
.index-head{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(400px,1fr) minmax(260px,.55fr);gap:clamp(35px,6vw,100px);align-items:start;margin-bottom:clamp(70px,8vw,120px)}
.index-head>div{display:flex;flex-direction:column;gap:30px;padding-top:12px}
.index-head>div .section-index{color:var(--orange)}
.index-head>p{max-width:35ch;margin:18px 0 0;font-size:14px;line-height:1.75}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,90px) 28px}
.article-card{display:grid;grid-template-rows:auto 1fr;border-top:8px solid var(--card-accent);background:var(--paper-2)}
.article-card-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ink)}
.article-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.2),transparent 50%)}
.article-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .5s ease,filter .5s ease}
.article-card:hover .article-card-image img{transform:scale(1.025);filter:saturate(1)}
.article-card-image>span{position:absolute;z-index:2;right:18px;bottom:8px;font-size:clamp(70px,9vw,150px);font-weight:900;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75);letter-spacing:-.07em}
.article-card-body{display:flex;flex-direction:column;padding:30px 32px 34px}
.article-card-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:44px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.article-card-body h3{max-width:13ch;margin:0 0 20px;font-family:var(--serif);font-size:clamp(34px,4vw,62px);font-weight:500;line-height:.95;letter-spacing:-.04em}
.article-card-body p{max-width:54ch;margin:0 0 32px;font-size:14px;line-height:1.7;color:var(--muted)}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin-top:auto;padding-top:16px;border-top:1px solid var(--ink);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.text-link span{font-size:20px;transition:transform .2s ease}
.text-link:hover span{transform:translate(4px,-4px)}

/* Article detail */
.article-detail{background:var(--paper)}
.article-hero{position:relative;min-height:calc(100svh - var(--header));padding:calc(var(--header) + 48px) var(--page) 0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,.85fr);grid-template-rows:auto 1fr;gap:35px 5vw;background:var(--article-accent);color:var(--article-ink);overflow:hidden}
.article-hero::before{content:"";position:absolute;inset:var(--header) 0 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(10,13,19,.13) 1px);background-size:8.333% 100%;pointer-events:none}
.article-hero-meta{position:relative;z-index:2;grid-column:1/-1;display:flex;gap:12px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.article-hero-meta a{border-bottom:1px solid currentColor}
.article-hero-copy{position:relative;z-index:2;align-self:center;padding:50px 0 90px}
.article-label{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:35px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.article-hero h1{max-width:11ch;margin:0 0 36px;font-size:clamp(64px,8.2vw,150px);font-weight:900;line-height:.79;letter-spacing:-.075em;text-transform:uppercase}
.article-hero-copy>p{max-width:45ch;margin:0;font-size:17px;line-height:1.7}
.article-hero-image{position:relative;z-index:2;align-self:end;height:min(72vh,850px);overflow:hidden}
.article-hero-image img{width:100%;height:100%;object-fit:cover;object-position:48% center;filter:saturate(.85) contrast(1.03)}
.article-layout{display:grid;grid-template-columns:minmax(190px,.35fr) minmax(0,1fr);gap:clamp(60px,10vw,170px);padding:clamp(90px,11vw,170px) max(var(--page),calc((100vw - 1280px)/2))}
.article-aside{position:sticky;top:calc(var(--header) + 35px);align-self:start;padding-top:18px;border-top:2px solid var(--ink)}
.article-aside .section-index{display:block;margin-bottom:38px;color:var(--orange)}
.article-aside p{max-width:20ch;margin:0 0 28px;font-size:13px;color:var(--muted)}
.article-aside a{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink)}
.article-body{max-width:790px;font-family:var(--serif);font-size:clamp(20px,1.7vw,26px);line-height:1.68}
.article-body>p:first-child{font-size:clamp(27px,2.4vw,39px);line-height:1.35;letter-spacing:-.025em}
.article-body h2{margin:2.2em 0 .7em;font-family:var(--sans);font-size:clamp(38px,4.5vw,68px);font-weight:850;line-height:.95;letter-spacing:-.055em;text-transform:uppercase}
.article-body h3{margin:2em 0 .5em;font-family:var(--sans);font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.04em}
.article-body p{margin:0 0 1.35em}
.article-body ul{margin:0 0 1.6em;padding-left:1.1em}
.article-body li{margin:.45em 0;padding-left:.3em}
.article-body blockquote{margin:2em 0;padding:1.1em 0 1.1em .85em;border-left:8px solid var(--article-accent);font-family:var(--sans);font-size:clamp(28px,3.3vw,50px);font-weight:800;line-height:1.05;letter-spacing:-.045em}
.related-section{padding:clamp(90px,10vw,160px) var(--page);background:var(--ink);color:var(--white)}
.related-section>header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:70px}
.related-section>header .section-index{color:var(--acid)}
.related-section h2{font-size:clamp(58px,8vw,135px)}
.related-section h2 em{color:var(--orange)}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45)}
.related-card{position:relative;min-height:420px;padding:35px;border-right:1px solid rgba(255,255,255,.45);background:linear-gradient(to bottom,var(--card-accent) 0 7px,transparent 7px)}
.related-card:last-child{border-right:0}
.related-card>span{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#bdbdb7}
.related-card h3{max-width:12ch;margin:90px 0 22px;font-family:var(--serif);font-size:clamp(36px,4vw,62px);font-weight:500;line-height:.95;letter-spacing:-.04em}
.related-card p{max-width:45ch;margin:0;color:#bdbdb7;font-size:14px;line-height:1.65}
.related-card>a:last-child{position:absolute;right:30px;top:26px;font-size:25px}

/* Theme directory */
.theme-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--ink);gap:2px;padding:2px}
.theme-directory-card{min-height:500px;padding:36px;display:flex;flex-direction:column;background:var(--theme);color:var(--theme-ink)}
.theme-directory-card:nth-child(5){grid-column:1/-1;min-height:420px}
.theme-directory-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.theme-directory-card h2{max-width:10ch;margin:auto 0 26px;font-size:clamp(48px,6vw,100px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase}
.theme-directory-card p{max-width:60ch;margin:0 0 32px;font-size:14px;line-height:1.7}
.theme-directory-link{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:2px solid currentColor;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.theme-directory-link span{font-size:22px}

/* Theme detail */
.theme-detail-hero{position:relative;min-height:88svh;padding:calc(var(--header) + clamp(65px,8vw,120px)) var(--page) clamp(70px,8vw,120px);display:flex;flex-direction:column;justify-content:space-between;background:var(--theme);color:var(--theme-ink);overflow:hidden}
.theme-detail-meta{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.theme-detail-meta a{border-bottom:1px solid currentColor}
.theme-detail-hero h1{position:relative;z-index:2;max-width:10ch;margin:auto 0 35px;font-size:clamp(75px,12vw,210px);font-weight:900;line-height:.72;letter-spacing:-.085em;text-transform:uppercase}
.theme-detail-hero>p{position:relative;z-index:2;max-width:52ch;margin:0;font-size:18px;line-height:1.65}
.theme-detail-word{position:absolute;right:-.03em;bottom:-.17em;font-size:24vw;font-weight:900;line-height:1;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:2px currentColor;opacity:.22;text-transform:uppercase;white-space:nowrap}
.theme-explanation{display:grid;grid-template-columns:minmax(130px,.3fr) minmax(400px,.8fr) minmax(300px,.65fr);gap:clamp(35px,6vw,100px);align-items:start;padding:clamp(100px,12vw,180px) var(--page);background:var(--paper)}
.theme-explanation .section-index{padding-top:16px;color:var(--orange)}
.theme-explanation h2{font-size:clamp(58px,7vw,122px)}
.theme-explanation>p{max-width:46ch;margin:18px 0 0;font-family:var(--serif);font-size:clamp(23px,2.3vw,37px);line-height:1.35}
.theme-posts{padding:clamp(90px,10vw,150px) var(--page);background:var(--paper-2)}
.theme-posts>header{display:flex;justify-content:space-between;gap:30px;padding-bottom:24px;border-bottom:2px solid var(--ink);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.theme-post-list{border-bottom:2px solid var(--ink)}
.theme-post-row{display:grid;grid-template-columns:80px minmax(0,1fr) 50px;gap:30px;align-items:start;padding:36px 0;border-bottom:1px solid var(--ink)}
.theme-post-row:last-child{border-bottom:0}
.theme-post-row>span{font-family:var(--mono);font-size:10px;color:var(--orange)}
.theme-post-meta{margin-bottom:14px;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.theme-post-row h3{max-width:18ch;margin:0 0 14px;font-family:var(--serif);font-size:clamp(34px,4vw,65px);font-weight:500;line-height:.95;letter-spacing:-.04em}
.theme-post-row p{max-width:64ch;margin:0;font-size:14px;line-height:1.65;color:var(--muted)}
.theme-post-row>a{font-size:27px;text-align:right;transition:transform .2s ease}
.theme-post-row>a:hover{transform:translate(4px,-4px)}
.empty-state{padding:80px 0}

/* Projects directory */
.project-directory{background:var(--ink);display:grid;gap:2px;padding:2px}
.project-card{min-height:70vh;display:grid;grid-template-columns:minmax(190px,.35fr) minmax(0,1fr);background:var(--project);color:var(--project-ink);overflow:hidden}
.project-card-number{align-self:stretch;display:flex;align-items:flex-end;padding:30px;border-right:2px solid var(--ink);font-size:clamp(130px,20vw,360px);font-weight:900;line-height:.65;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:2px currentColor;opacity:.4}
.project-card-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(50px,8vw,130px)}
.project-card-copy>span{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.project-card h2{max-width:11ch;margin:60px 0 30px;font-size:clamp(70px,10vw,175px);font-weight:900;line-height:.75;letter-spacing:-.08em;text-transform:uppercase}
.project-card p{max-width:60ch;margin:0 0 42px;font-size:17px;line-height:1.7}
.project-card a{display:flex;justify-content:space-between;align-items:center;max-width:390px;padding-top:17px;border-top:2px solid currentColor;font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.project-card a span{font-size:23px}
.project-principles{padding:clamp(110px,12vw,180px) var(--page);background:var(--paper)}
.project-principles>header{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:50px;align-items:start;margin-bottom:90px}
.project-principles .section-index{padding-top:16px;color:var(--orange)}
.project-principles h2{font-size:clamp(58px,8vw,135px)}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.principle-grid article{min-height:340px;padding:28px;border-right:1px solid var(--ink)}
.principle-grid article:last-child{border-right:0}
.principle-grid span{font-family:var(--mono);font-size:9px;color:var(--orange)}
.principle-grid h3{margin:100px 0 20px;font-size:clamp(34px,4vw,60px);letter-spacing:-.05em}
.principle-grid p{max-width:38ch;margin:0;font-size:14px;line-height:1.7;color:var(--muted)}

/* Person page */
.person-hero{position:relative;min-height:100svh;padding-top:var(--header);display:grid;grid-template-columns:.92fr 1.08fr;background:var(--ink);color:var(--white);overflow:hidden}
.person-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:90px 4vw 90px var(--page)}
.person-hero-copy .page-hero-meta{display:flex;margin-bottom:75px;color:var(--acid)}
.person-hero h1{margin:0 0 45px;font-size:clamp(80px,10.5vw,190px);font-weight:900;line-height:.72;letter-spacing:-.085em;text-transform:uppercase}
.person-hero h1 em{font-family:var(--serif);font-weight:500;text-transform:none;color:var(--orange)}
.person-hero-copy>p{max-width:43ch;margin:0;font-size:17px;line-height:1.75;color:#c9c9c3}
.person-hero-image{position:relative;z-index:2;align-self:end;height:calc(100svh - var(--header));display:flex;align-items:flex-end;justify-content:center;background:var(--cobalt);border-radius:50% 50% 0 0 / 45% 45% 0 0;overflow:hidden}
.person-hero-image img{width:min(95%,850px);height:auto;filter:drop-shadow(0 22px 25px rgba(0,0,0,.2))}
.person-hero-orbit{position:absolute;z-index:1;right:-4vw;top:15vh;width:42vw;aspect-ratio:1;border:1px solid rgba(217,255,76,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:40px;font-family:var(--mono);font-size:10px;line-height:1.8;letter-spacing:.2em;text-align:center;color:var(--acid);transform:rotate(13deg)}
.bio-section{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(420px,1fr);gap:clamp(60px,9vw,150px);padding:clamp(110px,12vw,190px) var(--page);background:var(--paper)}
.bio-section header .section-index{display:block;margin-bottom:42px;color:var(--orange)}
.bio-section h2{font-size:clamp(58px,7.2vw,125px)}
.bio-copy{padding-top:58px}
.bio-copy p{max-width:62ch;margin:0 0 26px;font-size:16px;line-height:1.8}
.bio-copy .bio-lead{font-family:var(--serif);font-size:clamp(25px,2.2vw,36px);line-height:1.35;letter-spacing:-.02em}
.role-section{display:grid;grid-template-columns:repeat(2,1fr);background:var(--ink);color:var(--white);gap:1px}
.role-section article{min-height:420px;padding:38px;background:#11151d}
.role-section article:nth-child(1){background:var(--cobalt)}
.role-section article:nth-child(2){background:var(--orange);color:var(--ink)}
.role-section article:nth-child(3){background:var(--acid);color:var(--ink)}
.role-section article:nth-child(4){background:#78dfc2;color:var(--ink)}
.role-section span{font-family:var(--mono);font-size:9px;letter-spacing:.1em}
.role-section h3{max-width:10ch;margin:120px 0 24px;font-size:clamp(46px,6vw,90px);line-height:.85;letter-spacing:-.065em;text-transform:uppercase}
.role-section p{max-width:44ch;margin:0;font-size:14px;line-height:1.7}
.publication-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(70px,10vw,170px);padding:clamp(110px,12vw,180px) var(--page);background:var(--paper-2)}
.publication-section>div .section-index{display:block;margin-bottom:42px;color:var(--orange)}
.publication-section h2{font-size:clamp(58px,7vw,120px)}
.publication-section>article{align-self:center;padding:38px;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--orange);background:var(--paper)}
.publication-section article>span{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.publication-section h3{margin:50px 0 24px;font-family:var(--serif);font-size:clamp(32px,3.4vw,54px);font-weight:500;line-height:1;letter-spacing:-.035em}
.publication-section article p{margin:0 0 34px;font-size:14px;line-height:1.7;color:var(--muted)}
.publication-section article a{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--ink);font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.publication-section article a span{font-size:21px}
.contact-section{padding:clamp(100px,11vw,170px) var(--page);background:var(--cobalt);color:var(--white)}
.contact-section .section-index{display:block;margin-bottom:45px;color:var(--acid)}
.contact-section h2{max-width:9ch;font-size:clamp(65px,9vw,155px)}
.contact-section h2 em{color:var(--acid)}
.contact-section>p{max-width:45ch;margin:45px 0 28px;font-size:16px;line-height:1.7}

/* Legal */
.legal-main{padding-top:var(--header);background:var(--paper)}
.legal-hero{padding:clamp(80px,10vw,150px) var(--page) clamp(65px,8vw,110px);border-bottom:2px solid var(--ink)}
.legal-hero .section-index{color:var(--orange)}
.legal-hero h1{margin:45px 0 30px;font-size:clamp(85px,13vw,230px);font-weight:900;line-height:.72;letter-spacing:-.085em;text-transform:uppercase}
.legal-hero p{max-width:45ch;margin:0;font-size:17px;line-height:1.7}
.legal-layout{display:grid;grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);gap:clamp(60px,10vw,170px);padding:clamp(80px,9vw,140px) var(--page) clamp(110px,12vw,180px)}
.legal-layout aside{position:sticky;top:calc(var(--header) + 30px);align-self:start;display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.legal-layout aside a{padding:14px 0;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.legal-layout aside a[aria-current="page"]{font-weight:700;color:var(--cobalt)}
.legal-content{max-width:840px}
.legal-content section{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.legal-content section:last-child{margin-bottom:0}
.legal-content h2{margin:0 0 22px;font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.04em}
.legal-content p{margin:0 0 18px;font-size:15px;line-height:1.8}
.legal-content a{text-decoration:underline;text-underline-offset:3px}

/* Error */
.error-main{padding:calc(var(--header) + 90px) var(--page) 130px;background:var(--paper)}
.error-code{font-size:clamp(180px,36vw,620px);font-weight:900;line-height:.65;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:2px var(--cobalt)}
.error-main h1{max-width:12ch;margin:50px 0 25px;font-size:clamp(54px,7vw,110px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase}
.error-main p{max-width:45ch;margin:0 0 35px;font-size:16px;line-height:1.7}

/* Motion */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(38px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.js .reveal.is-visible{opacity:1;transform:none}

@media (max-width:1180px){
  .desktop-nav,.header-folio{display:none}
  .site-header{grid-template-columns:1fr auto}
  .menu-button{display:flex}
  .hero-title{font-size:17vw;top:22vh}
  .hero-portrait{right:-1vw;width:61vw}
  .hero-orbit{right:2vw;width:30vw}
  .hero-copy{width:37vw}
  .perspective-meta{grid-template-columns:70px 1fr}
  .perspective-deck{grid-column:2;justify-self:start;max-width:58ch}
  .perspective-lower{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}
  .journal-head{grid-template-columns:120px 1fr}
  .journal-intro{grid-column:2;max-width:500px}
  .themes-stage{grid-template-columns:1fr;gap:70px}
  .themes-head{position:relative;top:auto;max-width:800px}
  .themes-head h2{max-width:8ch}
  .theme-card-list{margin-left:16vw}
  .work-intro{grid-template-columns:70px 1fr}
  .work-intro h2{grid-column:1/-1;margin-left:110px}
  .work-intro-copy{grid-column:2}
  .person{grid-template-columns:1fr}
  .person-image{min-height:65vh}
  .person-image::after{background:linear-gradient(to bottom,transparent 55%,var(--ink) 100%)}
  .person-copy{padding-top:70px}
  .page-hero{grid-template-columns:1fr .55fr}
  .index-head{grid-template-columns:130px 1fr}
  .index-head>p{grid-column:2}
  .theme-explanation{grid-template-columns:120px 1fr}
  .theme-explanation>p{grid-column:2}
  .bio-section{grid-template-columns:1fr;gap:20px}
  .bio-copy{padding-top:20px;margin-left:20vw}
}

@media (max-width:900px){
  .hero{min-height:920px}
  .hero-title{top:175px;font-size:18vw}
  .hero-accent--blue{width:64vw;right:-8vw;top:19vh}
  .hero-portrait{right:-10vw;width:82vw}
  .hero-orbit{top:26vh;right:-3vw;width:38vw}
  .hero-copy{bottom:100px;width:42vw}
  .hero-side-note{display:none}
  .perspective-title{font-size:10vw}
  .perspective-lower{grid-template-columns:1fr}
  .perspective-notes{min-height:340px}
  .story-stream{grid-template-columns:1fr 1fr}
  .stream-story:last-child{grid-column:1/-1;border-top:1px solid var(--ink);border-right:0}
  .theme-card-list{margin-left:0}
  .work-row{grid-template-columns:65px minmax(220px,1fr) .7fr 40px}
  .page-hero{min-height:70svh;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}
  .page-hero h1,.page-hero>p{grid-column:1}
  .page-hero>p{max-width:50ch}
  .article-grid{grid-template-columns:1fr}
  .article-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-bottom:0}
  .article-hero-copy{padding-bottom:30px}
  .article-hero-image{height:55vh}
  .article-layout{grid-template-columns:1fr;gap:55px}
  .article-aside{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .article-aside .section-index{grid-column:1/-1;margin-bottom:0}
  .related-section>header{display:block}
  .related-section>header .section-index{display:block;margin-bottom:38px}
  .theme-directory{grid-template-columns:1fr}
  .theme-directory-card:nth-child(5){grid-column:auto}
  .project-card{grid-template-columns:150px 1fr}
  .principle-grid{grid-template-columns:1fr}
  .principle-grid article{border-right:0;border-bottom:1px solid var(--ink)}
  .principle-grid article:last-child{border-bottom:0}
  .person-hero{grid-template-columns:1fr;min-height:auto}
  .person-hero-copy{min-height:70svh;padding-top:120px}
  .person-hero-image{height:70vh;border-radius:50% 50% 0 0 / 35% 35% 0 0}
  .person-hero-orbit{width:70vw;right:-18vw;top:52vh}
  .role-section{grid-template-columns:1fr}
  .publication-section{grid-template-columns:1fr}
  .legal-layout{grid-template-columns:1fr;gap:55px}
  .legal-layout aside{position:relative;top:auto;flex-direction:row}
  .legal-layout aside a{flex:1}
}

@media (max-width:680px){
  :root{--page:20px;--header:68px}
  .site-header{height:var(--header)}
  .brand-mark{width:34px;height:34px}
  .brand-copy strong{font-size:12px}
  .brand-copy small{font-size:8px}
  .mobile-menu{padding-top:96px}
  .mobile-menu nav a{font-size:10vw}
  .mobile-menu-foot{display:block}
  .mobile-menu-foot div{margin-top:20px}
  .hero{min-height:900px}
  .hero-grid{background-size:25% 100%}
  .hero-meta{top:98px}
  .hero-meta span:last-child,.hero-meta-rule{display:none}
  .hero-title{inset:150px 10px auto;font-size:24vw;line-height:.73;white-space:normal}
  .hero-title-line--solid{align-self:flex-start;margin-left:13vw;margin-right:0}
  .hero-accent--blue{width:90vw;right:-26vw;top:27vh}
  .hero-portrait{right:-24vw;bottom:0;width:110vw;max-width:none}
  .hero-orbit{top:31vh;right:-7vw;width:56vw}
  .hero-copy{left:20px;bottom:104px;width:60vw}
  .hero-lead{font-size:35px}
  .hero-text{font-size:12px;line-height:1.55}
  .hero-ribbon{bottom:-2px}
  .ribbon-track{padding:9px 0;font-size:10px}
  .perspective{padding-top:110px}
  .perspective-meta{display:block}
  .perspective-meta .section-index{margin-bottom:25px}
  .perspective-meta .section-kicker{margin-bottom:26px}
  .perspective-deck{max-width:34ch;font-size:13px}
  .perspective-title{margin:60px 0 65px;font-size:16vw;line-height:.84}
  .perspective-image img{min-height:0;aspect-ratio:4/3;object-position:50% center}
  .perspective-notes>p{max-width:27ch;font-size:29px}
  .journal{padding-top:110px}
  .journal-head{display:block;padding-top:22px}
  .journal-meta{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:52px}
  .journal-head h2{font-size:17vw}
  .journal-intro{margin-top:42px}
  .feature-story{min-height:720px}
  .feature-image img{object-position:63% center}
  .feature-image::after{background:linear-gradient(to top,rgba(6,9,13,.96) 0%,rgba(6,9,13,.38) 62%,transparent 100%)}
  .feature-number{font-size:58vw;right:-6vw;top:4vw}
  .feature-copy{width:100%;padding:34px 24px 42px}
  .feature-copy h3{font-size:14vw}
  .story-stream{grid-template-columns:1fr;margin-top:44px}
  .stream-story{min-height:330px;border-right:0;border-bottom:1px solid var(--ink)}
  .stream-story:last-child{grid-column:auto;border-top:0;border-bottom:0}
  .themes-stage{padding-top:110px;gap:60px}
  .themes-head h2{font-size:17vw}
  .theme-card{grid-template-columns:38px 1fr auto;min-height:0;padding:22px 18px;gap:13px;box-shadow:6px 6px 0 var(--ink)}
  .theme-card:hover{box-shadow:8px 8px 0 var(--ink)}
  .theme-card strong{font-size:29px}
  .theme-card p{font-size:12px}
  .work{padding-top:110px}
  .work-intro{display:block}
  .work-intro .section-index{margin-bottom:25px}
  .work-intro .section-kicker{margin-bottom:28px}
  .work-intro h2{margin:0;font-size:17vw}
  .work-intro-copy{margin-top:40px}
  .work-row{grid-template-columns:40px 1fr 30px;gap:14px;padding:22px 0}
  .work-row strong{font-size:32px}
  .work-row>span:nth-child(3){grid-column:2;font-size:8px}
  .work-row i{grid-column:3;grid-row:1/3}
  .work-portrait{width:75vw;right:-24vw}
  .person-image{min-height:56vh}
  .person-copy{padding:60px 20px 110px}
  .person-copy h2{font-size:16vw}
  .person-word{font-size:35vw}
  .site-footer{padding-top:65px}
  .footer-top{display:block}
  .footer-top a{display:inline-block;margin-top:30px}
  .footer-name{font-size:11.5vw;white-space:nowrap;line-height:.84;margin-top:38px}
  .footer-nav{justify-content:flex-start}
  .page-hero{min-height:650px;padding-top:130px}
  .page-hero-meta{font-size:8px}
  .page-hero h1{font-size:22vw}
  .page-hero>p{font-size:14px}
  .filter-strip a{padding:15px 18px;font-size:9px}
  .journal-index{padding-top:90px}
  .index-head{display:block}
  .index-head>div{margin-bottom:45px}
  .index-head h2{font-size:17vw}
  .index-head>p{margin-top:35px}
  .article-card-body{padding:25px 22px 28px}
  .article-card-meta{margin-bottom:32px}
  .article-card-body h3{font-size:39px}
  .article-hero{padding-top:105px}
  .article-hero h1{font-size:17vw}
  .article-hero-copy>p{font-size:14px}
  .article-hero-image{height:52vh}
  .article-layout{padding-top:80px;gap:45px}
  .article-aside{display:block}
  .article-aside p{max-width:34ch}
  .article-body{font-size:20px}
  .article-body>p:first-child{font-size:27px}
  .article-body h2{font-size:39px}
  .article-body blockquote{font-size:29px}
  .related-grid{grid-template-columns:1fr}
  .related-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.45)}
  .related-card:last-child{border-bottom:0}
  .related-section h2{font-size:16vw}
  .theme-directory-card{min-height:470px;padding:25px 22px}
  .theme-directory-card h2{font-size:14vw}
  .theme-detail-hero{min-height:760px;padding-top:130px}
  .theme-detail-hero h1{font-size:18vw}
  .theme-detail-hero>p{font-size:14px}
  .theme-detail-word{font-size:42vw}
  .theme-explanation{display:block}
  .theme-explanation .section-index{display:block;margin-bottom:35px}
  .theme-explanation h2{font-size:16vw}
  .theme-explanation>p{margin-top:40px;font-size:26px}
  .theme-post-row{grid-template-columns:38px 1fr 25px;gap:12px;padding:28px 0}
  .theme-post-row h3{font-size:35px}
  .project-card{min-height:680px;display:block;position:relative}
  .project-card-number{position:absolute;right:-.05em;bottom:-.1em;padding:0;border:0;font-size:72vw;opacity:.23}
  .project-card-copy{position:relative;z-index:2;min-height:680px;padding:50px 22px}
  .project-card h2{font-size:17vw}
  .project-card p{font-size:14px}
  .project-principles>header{display:block}
  .project-principles .section-index{display:block;margin-bottom:38px}
  .project-principles h2{font-size:16vw}
  .principle-grid article{min-height:300px}
  .person-hero-copy{min-height:720px;padding:115px 20px 80px}
  .person-hero-copy .page-hero-meta{margin-bottom:60px}
  .person-hero h1{font-size:20vw}
  .person-hero-image{height:600px}
  .person-hero-orbit{display:none}
  .bio-section{padding-top:90px}
  .bio-section h2{font-size:15vw}
  .bio-copy{margin-left:0;padding-top:40px}
  .role-section article{min-height:360px;padding:25px 22px}
  .role-section h3{margin-top:100px;font-size:14vw}
  .publication-section h2{font-size:15vw}
  .publication-section>article{padding:28px 22px;box-shadow:8px 8px 0 var(--orange)}
  .contact-section h2{font-size:17vw}
  .legal-hero h1{font-size:20vw}
  .legal-layout aside a{font-size:9px}
  .legal-content h2{font-size:31px}
  .error-code{font-size:50vw}
  .error-main h1{font-size:15vw}
}

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

/* ------------------------------------------------------------
   Redaktionelle Überarbeitung / Mehrseiten-Version
   ------------------------------------------------------------ */

h1,h2,h3{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
}
p{
  overflow-wrap:break-word;
  word-break:normal;
  text-wrap:pretty;
}

/* Home: Standpunkt */
.perspective-title{
  max-width:12.5ch;
  font-size:clamp(54px,8vw,142px);
  line-height:.86;
}
.perspective-notes>p{max-width:27ch}

/* Home: Journal */
.journal-head h2{
  max-width:12ch;
  font-size:clamp(56px,7vw,126px);
  line-height:.87;
}
.feature-image figcaption,
.article-hero-image figcaption{
  position:absolute;
  z-index:4;
  right:14px;
  bottom:12px;
  padding:7px 9px;
  background:rgba(10,13,19,.72);
  color:var(--white);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.feature-copy h3{
  max-width:13ch;
  overflow-wrap:normal;
  word-break:normal;
}
.story-stream{
  gap:1px;
  background:var(--ink);
}
.stream-story{
  min-height:0;
  padding:0;
  display:grid;
  grid-template-rows:auto 1fr;
  background:var(--paper);
  border-right:0;
}
.stream-story>.stream-story-image{
  position:relative;
  top:auto;
  right:auto;
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  font-size:inherit;
}
.stream-story>.stream-story-image:hover{transform:none}
.stream-story-image::after{
  content:"";
  position:absolute;
  inset:0;
  border-top:7px solid var(--story-accent);
  background:linear-gradient(to top,rgba(10,13,19,.16),transparent 45%);
  pointer-events:none;
}
.stream-story-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s ease,filter .55s ease;
}
.stream-story:hover .stream-story-image img{transform:scale(1.035)}
.stream-story-copy{
  position:relative;
  min-height:315px;
  display:flex;
  flex-direction:column;
  padding:28px 30px 32px;
}
.stream-meta{
  margin:34px 0 14px;
}
.stream-story h3{
  max-width:15ch;
  margin-bottom:18px;
}
.stream-story p{margin-bottom:28px}
.stream-arrow{
  position:absolute;
  right:28px;
  top:22px;
  font-size:24px;
  transition:transform .2s ease;
}
.stream-arrow:hover{transform:translate(4px,-4px)}

/* Home: Themenfeld mit interaktivem Kreis */
.themes{
  position:relative;
  min-height:100svh;
  background:var(--cobalt);
  color:var(--white);
  overflow:hidden;
}
.themes-stage{
  position:relative;
  min-height:100svh;
  padding:clamp(110px,12vw,180px) var(--page);
  display:grid;
  grid-template-columns:minmax(310px,.72fr) minmax(470px,1.28fr);
  gap:clamp(55px,8vw,140px);
  align-items:center;
}
.themes-stage::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.78) 38%,rgba(0,0,0,.2));
  pointer-events:none;
}
.themes-head{
  position:relative;
  z-index:3;
  top:auto;
}
.themes-head .section-index{margin-bottom:34px;color:var(--acid)}
.themes-head h2{
  max-width:9ch;
  margin:24px 0 42px;
  font-size:clamp(58px,7.4vw,132px);
  line-height:.86;
}
.themes-head h2 em{color:var(--acid)}
.theme-list{
  position:relative;
  z-index:4;
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(255,255,255,.48);
}
.theme-list li{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:23px 0;
  border-bottom:1px solid rgba(255,255,255,.48);
  transition:padding .25s ease,color .25s ease,background .25s ease;
}
.theme-list li.is-active{
  padding-left:24px;
  color:var(--acid);
}
.theme-count{
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
}
.theme-list a{
  min-width:0;
  font-size:clamp(24px,2.45vw,42px);
  font-weight:750;
  line-height:1.04;
  letter-spacing:-.035em;
  overflow-wrap:normal;
  word-break:normal;
}
.theme-arrow{
  font-size:25px;
  transition:transform .25s ease;
}
.theme-list li:hover .theme-arrow,
.theme-list li.is-active .theme-arrow{transform:translate(5px,-5px)}
.theme-visual{
  position:absolute;
  z-index:1;
  left:11%;
  bottom:-11vw;
  width:min(47vw,760px);
  aspect-ratio:1;
  border-radius:50%;
  background:var(--visual-color,#8fb1ff);
  color:var(--visual-ink,#0a0d13);
  opacity:.97;
  transform:rotate(-8deg);
  transition:background .45s ease,color .45s ease,transform .45s ease;
  pointer-events:none;
}
.theme-visual-ring{
  position:absolute;
  inset:8%;
  border:2px solid currentColor;
  border-radius:50%;
}
.theme-visual-ring::before,
.theme-visual-ring::after{
  content:"";
  position:absolute;
  inset:16%;
  border:1px solid currentColor;
  border-radius:50%;
}
.theme-visual-ring::after{inset:34%}
.theme-visual-word{
  position:absolute;
  top:42%;
  left:-16%;
  max-width:none;
  font-size:clamp(74px,11.5vw,205px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.theme-visual-code{
  position:absolute;
  right:12%;
  top:14%;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.12em;
}
.themes[data-active="unternehmertum-arbeit"] .theme-visual{transform:rotate(6deg) scale(.94)}
.themes[data-active="bildung-entwicklung"] .theme-visual{transform:rotate(-2deg) scale(1.04)}
.themes[data-active="gesellschaft-politik"] .theme-visual{transform:rotate(11deg) scale(.9)}
.themes[data-active="familie-leben"] .theme-visual{transform:rotate(-12deg) scale(1.02)}

/* Home: Projekte */
.work-intro h2{
  max-width:10ch;
  font-size:clamp(58px,7.8vw,138px);
  line-height:.86;
}
.work-layout{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
  gap:clamp(36px,5vw,78px);
  align-items:start;
}
.work-row{
  grid-template-columns:60px minmax(190px,1.2fr) .65fr 38px;
  padding:24px 8px 24px 0;
}
.work-row strong{
  font-size:clamp(28px,3.25vw,54px);
  line-height:.96;
  overflow-wrap:normal;
  word-break:normal;
}
.work-image{
  position:sticky;
  top:calc(var(--header) + 28px);
  aspect-ratio:4/5;
  overflow:hidden;
  border:2px solid var(--ink);
  background:var(--ink);
}
.work-image::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  box-shadow:inset 0 0 0 12px rgba(241,238,229,.18);
  pointer-events:none;
}
.work-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.work-image figcaption{
  position:absolute;
  z-index:3;
  left:16px;
  right:16px;
  bottom:16px;
  padding:11px 12px;
  background:rgba(10,13,19,.78);
  color:var(--white);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.person-copy h2{
  max-width:9ch;
  font-size:clamp(56px,7vw,122px);
  line-height:.87;
}

/* Journal pagination and safer headings */
.index-head h2{
  max-width:12ch;
  font-size:clamp(54px,7vw,124px);
  line-height:.88;
}
.article-card-body h3{
  max-width:16ch;
  overflow-wrap:normal;
  word-break:normal;
}
.pagination{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  margin-top:clamp(65px,8vw,110px);
  padding-top:24px;
  border-top:2px solid var(--ink);
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.pagination-direction{
  display:inline-flex;
  align-items:center;
  gap:13px;
  width:max-content;
  padding:11px 0;
  border-bottom:1px solid currentColor;
}
.pagination-direction:last-child{justify-self:end}
.pagination-direction.is-disabled{opacity:.35;border-bottom-color:transparent}
.pagination-pages{display:flex;gap:8px}
.pagination-pages a{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid var(--ink);
  transition:background .2s ease,color .2s ease;
}
.pagination-pages a:hover,
.pagination-pages a[aria-current="page"]{background:var(--ink);color:var(--white)}

/* Article imagery and readable title sizes */
.article-hero h1{
  max-width:14ch;
  font-size:clamp(54px,6.2vw,108px);
  line-height:.86;
}
.article-hero-image img{object-position:center}
.article-inline-media{
  margin:2.4em 0 2.1em;
  font-family:var(--sans);
}
.article-inline-media img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}
.article-inline-media figcaption{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid var(--line);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted);
}
.related-section h2{
  max-width:11ch;
  font-size:clamp(54px,7vw,120px);
  line-height:.88;
}
.related-card h3{
  max-width:15ch;
  overflow-wrap:normal;
  word-break:normal;
}

/* Projekte: neue Portfolio-Ansicht */
.project-overview-hero{
  min-height:calc(100svh - var(--header));
  padding-top:var(--header);
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);
  background:var(--paper);
  border-bottom:2px solid var(--ink);
}
.project-overview-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(70px,9vw,140px) var(--page);
}
.project-overview-copy .page-hero-meta{
  position:static;
  display:flex;
  justify-content:space-between;
  margin-bottom:clamp(55px,7vw,100px);
  color:var(--orange);
}
.project-overview-copy h1{
  max-width:10.8ch;
  margin:0;
  font-size:clamp(64px,7.9vw,142px);
  font-weight:900;
  line-height:.82;
  letter-spacing:-.075em;
  text-transform:uppercase;
}
.project-overview-copy>p{
  max-width:54ch;
  margin:44px 0 38px;
  font-size:16px;
  line-height:1.75;
}
.project-overview-facts{
  display:flex;
  flex-wrap:wrap;
  gap:12px 32px;
  padding-top:22px;
  border-top:1px solid var(--ink);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.project-overview-facts span{display:flex;align-items:baseline;gap:9px}
.project-overview-facts strong{font-size:24px;color:var(--cobalt)}
.project-overview-media{
  position:relative;
  min-height:calc(100svh - var(--header));
  overflow:hidden;
  background:var(--ink);
}
.project-overview-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(10,13,19,.42),transparent 42%);
}
.project-overview-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.project-overview-media figcaption{
  position:absolute;
  z-index:2;
  left:24px;
  bottom:24px;
  padding:9px 11px;
  background:var(--acid);
  color:var(--ink);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.project-portfolio{
  padding:clamp(100px,11vw,170px) var(--page);
  background:var(--paper-2);
}
.project-portfolio-head{
  display:grid;
  grid-template-columns:minmax(130px,.3fr) minmax(390px,1fr) minmax(260px,.55fr);
  gap:clamp(32px,5vw,82px);
  align-items:start;
  margin-bottom:clamp(64px,8vw,110px);
}
.project-portfolio-head>div{display:flex;flex-direction:column;gap:30px;padding-top:12px}
.project-portfolio-head .section-index{color:var(--orange)}
.project-portfolio-head h2{
  max-width:9ch;
  margin:0;
  font-size:clamp(56px,7vw,122px);
  font-weight:850;
  line-height:.87;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.project-portfolio-head h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--cobalt);
}
.project-portfolio-head>p{max-width:38ch;margin:16px 0 0;font-size:14px;line-height:1.75}
.project-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
}
.project-tile{
  grid-column:span 4;
  min-height:410px;
  display:flex;
  flex-direction:column;
  padding:28px;
  background:var(--project);
  color:var(--project-ink);
  border:2px solid var(--ink);
  box-shadow:6px 6px 0 var(--ink);
  scroll-margin-top:calc(var(--header) + 28px);
  transition:transform .25s ease,box-shadow .25s ease;
}
.project-tile:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--ink)}
.project-tile--wide{grid-column:span 6}
.project-tile:last-child{grid-column:span 8}
.project-tile-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:18px;
  border-bottom:1px solid currentColor;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.project-tile-body{padding:44px 0 30px}
.project-tile-kicker{
  margin:0 0 15px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.project-tile h2{
  margin:0 0 24px;
  font-size:clamp(34px,3.5vw,58px);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.055em;
  overflow-wrap:normal;
  word-break:normal;
}
.project-tile-body>p:last-child{max-width:48ch;margin:0;font-size:14px;line-height:1.65}
.project-tile-foot{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid currentColor;
  font-family:var(--mono);
  font-size:9px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.project-tile-foot a{display:flex;justify-content:space-between;align-items:center;gap:18px}
.project-tile-foot a span{font-size:20px}
.project-tile-foot>span{opacity:.62}
.project-principles>header h2{
  max-width:9ch;
  font-size:clamp(54px,7vw,120px);
  line-height:.88;
}

/* Person: neue redaktionelle Ansicht */
.person-profile-hero{
  min-height:calc(100svh - var(--header));
  padding-top:var(--header);
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);
  background:var(--paper);
  border-bottom:2px solid var(--ink);
}
.person-profile-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(70px,9vw,140px) var(--page);
}
.person-profile-copy .page-hero-meta{
  position:static;
  display:flex;
  justify-content:space-between;
  margin-bottom:clamp(55px,7vw,95px);
  color:var(--cobalt);
}
.person-profile-kicker{
  margin:0 0 22px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--orange);
}
.person-profile-copy h1{
  max-width:8ch;
  margin:0;
  font-size:clamp(70px,8.7vw,156px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-.08em;
  text-transform:uppercase;
}
.person-profile-copy>p:not(.person-profile-kicker){
  max-width:46ch;
  margin:42px 0 30px;
  font-size:17px;
  line-height:1.72;
}
.person-profile-image{
  position:relative;
  min-height:calc(100svh - var(--header));
  overflow:hidden;
  background:var(--ink);
}
.person-profile-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(10,13,19,.4),transparent 46%);
}
.person-profile-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.person-profile-image figcaption{
  position:absolute;
  z-index:2;
  left:24px;
  bottom:24px;
  padding:9px 11px;
  background:var(--acid);
  color:var(--ink);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.person-fact-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:var(--ink);
  color:var(--white);
  border-bottom:1px solid rgba(255,255,255,.2);
}
.person-fact-strip span{
  min-height:92px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:22px;
  border-right:1px solid rgba(255,255,255,.22);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.person-fact-strip span:last-child{border-right:0}
.person-fact-strip b{color:var(--acid);font-weight:400}
.person-editorial{
  padding:clamp(105px,12vw,185px) var(--page);
  background:var(--paper);
}
.person-editorial>header{
  display:grid;
  grid-template-columns:minmax(150px,.3fr) 1fr;
  gap:50px;
  align-items:start;
  margin-bottom:clamp(65px,8vw,110px);
}
.person-editorial .section-index{padding-top:13px;color:var(--orange)}
.person-editorial h2{
  max-width:11ch;
  margin:0;
  font-size:clamp(56px,7vw,122px);
  font-weight:850;
  line-height:.87;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.person-editorial h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--cobalt);
}
.person-editorial-grid{
  display:grid;
  grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);
  gap:clamp(50px,8vw,130px);
  align-items:start;
}
.person-editorial blockquote{
  position:sticky;
  top:calc(var(--header) + 35px);
  margin:0;
  padding:30px 0 30px 30px;
  border-left:9px solid var(--cobalt);
  font-family:var(--serif);
  font-size:clamp(32px,3.4vw,54px);
  line-height:1.05;
  letter-spacing:-.035em;
}
.person-bio-copy{
  max-width:720px;
  font-family:var(--serif);
  font-size:clamp(20px,1.6vw,25px);
  line-height:1.7;
}
.person-bio-copy p{margin:0 0 1.3em}
.person-bio-copy .bio-lead{
  font-size:clamp(27px,2.5vw,39px);
  line-height:1.35;
  letter-spacing:-.025em;
}
.person-stations{
  padding:clamp(105px,12vw,180px) var(--page);
  background:var(--ink);
  color:var(--white);
}
.person-stations>header{
  display:grid;
  grid-template-columns:minmax(130px,.3fr) minmax(390px,1fr) minmax(260px,.55fr);
  gap:clamp(32px,5vw,82px);
  align-items:start;
  margin-bottom:clamp(64px,8vw,105px);
}
.person-stations .section-index{padding-top:12px;color:var(--acid)}
.person-stations h2{
  max-width:11ch;
  margin:0;
  font-size:clamp(54px,7vw,120px);
  font-weight:850;
  line-height:.87;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.person-stations h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--orange);
}
.person-stations>header>p{max-width:38ch;margin:14px 0 0;color:#c6c6c1;font-size:14px;line-height:1.75}
.station-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(255,255,255,.42);
  border-left:1px solid rgba(255,255,255,.42);
}
.station-list li{
  min-height:260px;
  padding:27px;
  border-right:1px solid rgba(255,255,255,.42);
  border-bottom:1px solid rgba(255,255,255,.42);
}
.station-list span{
  display:block;
  margin-bottom:52px;
  font-family:var(--mono);
  font-size:9px;
  color:var(--acid);
}
.station-list strong{
  display:block;
  margin-bottom:18px;
  font-size:clamp(28px,2.6vw,43px);
  line-height:.95;
  letter-spacing:-.04em;
}
.station-list p{max-width:34ch;margin:0;color:#bdbdb7;font-size:13px;line-height:1.65}
.person-role-section{
  padding:clamp(100px,11vw,170px) var(--page);
  background:var(--paper-2);
}
.person-role-section>header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:50px;
  margin-bottom:70px;
}
.person-role-section .section-index{padding-top:12px;color:var(--orange)}
.person-role-section h2{
  max-width:10ch;
  margin:0;
  font-size:clamp(54px,7vw,120px);
  font-weight:850;
  line-height:.87;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.person-role-section h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--cobalt);
}
.person-role-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.person-role-grid article{
  min-height:330px;
  padding:30px;
  background:var(--paper);
  border:2px solid var(--ink);
  box-shadow:6px 6px 0 var(--ink);
}
.person-role-grid article:nth-child(1){border-top:10px solid var(--cobalt)}
.person-role-grid article:nth-child(2){border-top:10px solid var(--orange)}
.person-role-grid article:nth-child(3){border-top:10px solid var(--acid)}
.person-role-grid article:nth-child(4){border-top:10px solid #78dfc2}
.person-role-grid span{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--muted)}
.person-role-grid h3{
  margin:80px 0 22px;
  font-size:clamp(38px,4.5vw,70px);
  line-height:.88;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.person-role-grid p{max-width:46ch;margin:0;font-size:14px;line-height:1.7}
.publication-section--refined h2{
  max-width:10ch;
  font-size:clamp(54px,7vw,118px);
  line-height:.88;
}
.contact-section--person h2{
  max-width:13ch;
  font-size:clamp(54px,7.5vw,128px);
  line-height:.88;
}

/* Footer wordmark remains completely visible */
.footer-name{
  font-size:clamp(48px,8.6vw,138px);
  letter-spacing:-.07em;
}

/* Generic subpage wrapping corrections */
.page-hero h1,
.theme-detail-hero h1{
  overflow-wrap:normal;
  word-break:normal;
}
.theme-directory-card h2,
.theme-post-row h3{
  overflow-wrap:normal;
  word-break:normal;
}

@media (max-width:1180px){
  .journal-head{grid-template-columns:120px 1fr}
  .journal-intro{grid-column:2;max-width:520px}
  .themes-stage{
    grid-template-columns:minmax(270px,.72fr) minmax(410px,1.28fr);
    gap:50px;
  }
  .themes-head h2{max-width:8.5ch}
  .theme-list li{padding:21px 0}
  .work-intro{grid-template-columns:70px 1fr}
  .work-intro h2{grid-column:1/-1;margin-left:100px}
  .work-intro-copy{grid-column:2}
  .project-portfolio-head,
  .person-stations>header{grid-template-columns:120px 1fr}
  .project-portfolio-head>p,
  .person-stations>header>p{grid-column:2;max-width:54ch}
  .project-tile{grid-column:span 6}
  .project-tile--wide{grid-column:span 6}
  .project-tile:last-child{grid-column:span 6}
  .person-editorial-grid{grid-template-columns:minmax(260px,.7fr) minmax(390px,1.3fr)}
}

@media (max-width:980px){
  .perspective-title{max-width:13ch}
  .story-stream{grid-template-columns:1fr 1fr}
  .stream-story:last-child{grid-column:1/-1}
  .themes-stage{
    min-height:auto;
    grid-template-columns:1fr;
    align-items:start;
    gap:65px;
    padding-bottom:280px;
  }
  .themes-head{max-width:760px}
  .themes-head h2{max-width:10ch}
  .theme-list{width:min(100%,760px);margin-left:auto}
  .theme-visual{left:-12vw;bottom:-18vw;width:78vw}
  .work-layout{grid-template-columns:1fr}
  .work-image{
    position:relative;
    top:auto;
    aspect-ratio:16/10;
  }
  .project-overview-hero,
  .person-profile-hero{grid-template-columns:1fr;min-height:auto}
  .project-overview-media,
  .person-profile-image{min-height:0;height:62vh}
  .project-overview-copy h1{max-width:12ch}
  .person-profile-copy h1{max-width:10ch}
  .person-fact-strip{grid-template-columns:repeat(3,1fr)}
  .person-fact-strip span:nth-child(3){border-right:0}
  .person-fact-strip span:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.22)}
  .person-editorial>header{grid-template-columns:120px 1fr}
  .person-editorial-grid{grid-template-columns:1fr}
  .person-editorial blockquote{position:relative;top:auto;max-width:760px}
  .station-list{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:760px){
  h1,h2,h3{text-wrap:balance}
  .perspective-title{
    max-width:none;
    font-size:clamp(38px,11.5vw,58px);
    line-height:.9;
  }
  .perspective-notes>p{max-width:29ch;font-size:clamp(25px,7.5vw,34px)}
  .journal-head h2,
  .themes-head h2,
  .work-intro h2,
  .person-copy h2,
  .index-head h2,
  .related-section h2,
  .project-principles>header h2,
  .project-portfolio-head h2,
  .person-editorial h2,
  .person-stations h2,
  .person-role-section h2,
  .publication-section--refined h2,
  .contact-section--person h2{
    max-width:none;
    font-size:clamp(40px,12vw,58px);
    line-height:.91;
    letter-spacing:-.06em;
  }
  .feature-copy h3{max-width:14ch;font-size:clamp(42px,12vw,62px);line-height:.88}
  .story-stream{grid-template-columns:1fr}
  .stream-story:last-child{grid-column:auto}
  .stream-story>.stream-story-image{aspect-ratio:16/10}
  .stream-story-copy{min-height:270px;padding:24px 22px 28px}
  .stream-story h3{font-size:clamp(31px,9vw,44px)}
  .themes-stage{padding:105px var(--page) 210px;gap:52px}
  .themes-head h2{margin-bottom:34px}
  .theme-list li{
    grid-template-columns:34px minmax(0,1fr) 24px;
    gap:10px;
    padding:18px 0;
  }
  .theme-list li.is-active{padding-left:12px}
  .theme-list a{font-size:clamp(22px,7vw,31px)}
  .theme-arrow{font-size:20px}
  .theme-visual{left:-43vw;bottom:-16vw;width:112vw}
  .theme-visual-word{left:-3%;font-size:24vw}
  .theme-visual-code{right:18%;top:16%;font-size:8px}
  .work-intro{display:block}
  .work-intro h2{margin:0}
  .work-intro-copy{margin-top:36px}
  .work-row{grid-template-columns:38px minmax(0,1fr) 28px;gap:12px;padding:20px 0}
  .work-row strong{font-size:clamp(27px,8vw,38px)}
  .work-row>span:nth-child(3){grid-column:2;font-size:8px}
  .work-row i{grid-column:3;grid-row:1/3}
  .work-image{aspect-ratio:4/3}
  .person-copy h2{max-width:9ch}
  .index-head{display:block}
  .index-head>div{margin-bottom:40px}
  .index-head>p{margin-top:32px}
  .pagination{grid-template-columns:1fr 1fr;gap:20px}
  .pagination-pages{grid-column:1/-1;grid-row:1;justify-content:center}
  .pagination-direction{grid-row:2}
  .article-hero h1{max-width:none;font-size:clamp(42px,11.5vw,58px);line-height:.9}
  .article-body h2{font-size:clamp(34px,9.5vw,46px);line-height:.98}
  .article-inline-media{margin:2em 0}
  .project-overview-copy,
  .person-profile-copy{padding:80px var(--page)}
  .project-overview-copy .page-hero-meta,
  .person-profile-copy .page-hero-meta{margin-bottom:55px}
  .project-overview-copy h1,
  .person-profile-copy h1{
    max-width:none;
    font-size:clamp(48px,14vw,74px);
    line-height:.87;
  }
  .project-overview-copy>p,
  .person-profile-copy>p:not(.person-profile-kicker){font-size:15px;margin-top:34px}
  .project-overview-media,
  .person-profile-image{height:54vh}
  .project-portfolio-head,
  .person-stations>header{display:block}
  .project-portfolio-head>div{margin-bottom:40px}
  .project-portfolio-head>p,
  .person-stations>header>p{margin-top:32px}
  .project-grid{display:block}
  .project-tile{min-height:365px;margin-bottom:18px;padding:23px}
  .project-tile:last-child{margin-bottom:0}
  .project-tile h2{font-size:clamp(34px,10vw,48px)}
  .project-tile-body{padding:36px 0 26px}
  .person-fact-strip{grid-template-columns:1fr 1fr}
  .person-fact-strip span,
  .person-fact-strip span:nth-child(3){border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
  .person-fact-strip span:nth-child(even){border-right:0}
  .person-fact-strip span:last-child{grid-column:1/-1;border-right:0;border-bottom:0}
  .person-editorial>header{display:block}
  .person-editorial .section-index{display:block;margin-bottom:38px}
  .person-editorial blockquote{padding-left:22px;border-left-width:7px;font-size:clamp(29px,8.5vw,40px)}
  .person-bio-copy{font-size:20px}
  .person-bio-copy .bio-lead{font-size:27px}
  .station-list{grid-template-columns:1fr}
  .station-list li{min-height:220px}
  .person-role-section>header{display:block}
  .person-role-section .section-index{display:block;margin-bottom:38px}
  .person-role-grid{grid-template-columns:1fr}
  .person-role-grid article{min-height:300px;padding:24px}
  .person-role-grid h3{margin-top:65px;font-size:clamp(38px,11vw,54px)}
  .publication-section--refined{grid-template-columns:1fr}
  .footer-name{font-size:clamp(42px,11.2vw,70px)}
  .theme-directory-card h2{font-size:clamp(40px,11vw,58px)}
  .theme-post-row h3{font-size:clamp(31px,9vw,43px)}
}

@media (max-width:390px){
  .perspective-title{font-size:37px}
  .journal-head h2,
  .themes-head h2,
  .work-intro h2,
  .person-copy h2,
  .index-head h2,
  .related-section h2,
  .project-principles>header h2,
  .project-portfolio-head h2,
  .person-editorial h2,
  .person-stations h2,
  .person-role-section h2,
  .publication-section--refined h2,
  .contact-section--person h2{font-size:39px}
  .project-overview-copy h1,
  .person-profile-copy h1{font-size:45px}
  .project-tile h2{font-size:34px}
  .footer-name{font-size:40px}
}

/* Finale Typografie- und Overflow-Korrekturen */
.project-overview-copy h1{font-size:clamp(60px,6.6vw,118px);line-height:.86}
.theme-directory-card h2{
  max-width:100%;
  font-size:clamp(44px,5.2vw,82px);
  line-height:.88;
  letter-spacing:-.06em;
}
.page-hero-index{right:0}
.project-tile:last-child{grid-column:span 12}
.person-role-grid,
.person-role-grid article{min-width:0}

@media (max-width:1180px){
  .project-tile:last-child{grid-column:span 12}
}

@media (max-width:760px){
  .page-hero h1{font-size:19vw}
  .theme-directory-card h2{font-size:clamp(31px,8.5vw,42px);line-height:.9}
  .person-role-grid h3{font-size:clamp(31px,8.5vw,42px);letter-spacing:-.065em}
  .person-role-grid article{padding:20px}
  .project-tile:last-child{grid-column:auto}
  .footer-name{font-size:9.3vw}
}

/* Robuste Rasterbreiten für sehr schmale Viewports */
.project-overview-hero,
.project-overview-copy,
.project-overview-media,
.person-profile-hero,
.person-profile-copy,
.person-profile-image,
.article-layout,
.article-aside,
.article-body,
.theme-directory,
.theme-directory-card{
  min-width:0;
}

@media (max-width:760px){
  .project-overview-hero,
  .person-profile-hero{
    grid-template-columns:minmax(0,1fr);
  }
  .project-overview-copy,
  .project-overview-media,
  .person-profile-copy,
  .person-profile-image{
    width:100%;
    min-width:0;
  }
  .article-layout{
    display:block;
    width:100%;
  }
  .article-aside,
  .article-body{
    width:100%;
    min-width:0;
  }
  .article-aside{
    position:relative;
    top:auto;
    margin-bottom:52px;
  }
  .article-aside .section-index,
  .article-aside p{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .theme-directory{
    display:block;
    width:100%;
    max-width:100%;
    padding:2px;
    overflow:hidden;
  }
  .theme-directory-card{
    width:100%;
    max-width:100%;
    margin:0 0 2px;
  }
  .theme-directory-card:last-child{margin-bottom:0}
}

@media (max-width:360px){
  .site-header{
    gap:8px;
    padding-left:14px;
    padding-right:14px;
  }
  .brand{gap:8px;min-width:0}
  .brand-mark{width:34px;height:34px;flex:0 0 34px}
  .brand-copy{min-width:0}
  .brand-copy small{display:none}
  .brand-copy strong{font-size:12px;white-space:nowrap}
  .menu-button{padding:8px 0 8px 6px;gap:6px;min-width:0}
  .menu-button i{width:16px}
}

/* Typografie auf 320–390 px ohne Wortzerlegung */
@media (max-width:390px){
  .project-overview-copy h1{
    font-size:10.5vw;
    line-height:.9;
    letter-spacing:-.065em;
  }
  .project-tile h2{
    font-size:clamp(25px,8vw,31px);
    letter-spacing:-.05em;
  }
  .article-body h2{
    font-size:clamp(29px,9vw,36px);
    line-height:1;
    letter-spacing:-.045em;
  }
}

/* Bildnachweise */
.credit-list{list-style:none;margin:34px 0 0;padding:0;border-top:2px solid var(--ink)}
.credit-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.credit-list li div{display:flex;flex-direction:column;gap:5px;min-width:0}
.credit-list strong{font-size:17px;line-height:1.2}
.credit-list li div span{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.credit-list a{display:inline-flex;gap:10px;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.credit-list a span{font-size:17px}
@media (max-width:620px){
  .credit-list li{grid-template-columns:1fr;gap:14px}
  .credit-list a{width:max-content}
}

/* Rechtliche Seitentitel bleiben auch mit langen Wörtern vollständig sichtbar */
.legal-hero h1{
  max-width:100%;
  font-size:clamp(36px,9vw,138px);
  line-height:.82;
  letter-spacing:-.075em;
  white-space:nowrap;
  overflow-wrap:normal;
}

/* ------------------------------------------------------------
   Editorial revision 04 — cohesive subpages, circular motifs
   ------------------------------------------------------------ */

/* The orbit rotates independently from pointer parallax on every viewport. */
.hero-orbit svg{animation:none;transform:none}
.hero-orbit-spinner{
  transform-origin:150px 150px;
  transform-box:view-box;
  animation:orbit 18s linear infinite;
  will-change:transform;
}

/* The legal navigation remains; the redundant folio line is removed. */
.site-footer{padding-bottom:28px}
.footer-nav{margin-bottom:0}

/* Journal cover */
.journal-cover{
  --cover-accent:#8fb1ff;
  position:relative;
  min-height:max(760px,100svh);
  padding:var(--header) var(--page) 72px;
  background:var(--ink);
  color:var(--white);
  overflow:hidden;
  isolation:isolate;
}
.journal-cover-grid{
  position:absolute;
  z-index:-4;
  inset:var(--header) 0 0;
  background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.1) 1px),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.07) 1px);
  background-size:8.3333% 100%,100% 25%;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 96%);
}
.journal-cover-meta{
  position:absolute;
  z-index:7;
  top:calc(var(--header) + 34px);
  left:var(--page);
  right:var(--page);
  display:flex;
  justify-content:space-between;
  gap:24px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.journal-cover-meta span:first-child{color:var(--cover-accent)}
.journal-cover h1{
  position:absolute;
  z-index:5;
  left:var(--page);
  top:30%;
  margin:0;
  font-size:clamp(104px,15.4vw,278px);
  font-weight:900;
  line-height:.68;
  letter-spacing:-.085em;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--white);
  text-shadow:0 2px 0 rgba(10,13,19,.35);
}
.journal-cover-disc{
  position:absolute;
  z-index:-2;
  right:21vw;
  top:9%;
  width:min(43vw,690px);
  aspect-ratio:1;
  border-radius:50%;
  background:var(--cover-accent);
  transform:rotate(-9deg);
}
.journal-cover-image{
  position:absolute;
  z-index:2;
  right:6vw;
  top:15%;
  width:min(54vw,850px);
  height:70%;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.78);
  background:#111722;
}
.journal-cover-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10,13,19,.52),transparent 38%),linear-gradient(to top,rgba(10,13,19,.42),transparent 48%);
  pointer-events:none;
}
.journal-cover-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.78) contrast(1.05);
}
.journal-cover-image figcaption{
  position:absolute;
  z-index:3;
  right:15px;
  bottom:14px;
  padding:8px 10px;
  background:var(--cover-accent);
  color:var(--ink);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.journal-cover-copy{
  position:absolute;
  z-index:7;
  left:var(--page);
  bottom:82px;
  width:min(37vw,480px);
}
.journal-cover-kicker{
  margin:0 0 22px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cover-accent);
}
.journal-cover-copy>p:not(.journal-cover-kicker){
  max-width:34ch;
  margin:0 0 28px;
  font-family:var(--serif);
  font-size:clamp(25px,2.25vw,38px);
  line-height:1.13;
  letter-spacing:-.025em;
}
.journal-cover-copy .arrow-link{
  max-width:100%;
  align-items:flex-start;
  line-height:1.45;
}
.journal-cover-number{
  position:absolute;
  z-index:-1;
  right:-.03em;
  bottom:-.2em;
  font-size:clamp(260px,39vw,690px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.1em;
  color:transparent;
  -webkit-text-stroke:2px rgba(255,255,255,.16);
}
.journal-cover-side{
  position:absolute;
  z-index:7;
  right:var(--page);
  bottom:86px;
  margin:0;
  transform:rotate(90deg) translateX(100%);
  transform-origin:right bottom;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#bfc0bd;
}
.journal-page .filter-strip{border-top:1px solid rgba(255,255,255,.22)}
.journal-page .journal-index{padding-top:clamp(90px,9vw,145px)}

/* Themes cover: the circular interaction from the homepage, expanded. */
.themes-page-cover{
  position:relative;
  min-height:max(820px,100svh);
  padding:calc(var(--header) + 54px) var(--page) clamp(90px,9vw,140px);
  display:grid;
  grid-template-columns:minmax(310px,.72fr) minmax(500px,1.28fr);
  grid-template-rows:auto 1fr;
  gap:50px clamp(54px,8vw,130px);
  background:var(--cobalt);
  color:var(--white);
  overflow:hidden;
  isolation:isolate;
}
.themes-page-grid{
  position:absolute;
  z-index:-4;
  inset:var(--header) 0 0;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(to right,rgba(0,0,0,.72),rgba(0,0,0,.18));
}
.themes-page-meta{
  position:relative;
  z-index:5;
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.themes-page-meta span:first-child{color:var(--acid)}
.themes-page-intro{
  position:relative;
  z-index:4;
  align-self:start;
  padding-top:clamp(48px,8vh,110px);
}
.themes-page-intro .section-kicker{margin-bottom:25px}
.themes-page-intro h1{
  max-width:8ch;
  margin:0 0 38px;
  font-size:clamp(66px,8.4vw,150px);
  font-weight:900;
  line-height:.82;
  letter-spacing:-.075em;
  text-transform:uppercase;
}
.themes-page-intro h1 em{
  display:block;
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--acid);
}
.themes-page-intro>p:last-child{
  max-width:38ch;
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:#d4d5d1;
}
.themes-page-list{
  position:relative;
  z-index:6;
  align-self:center;
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(255,255,255,.52);
}
.themes-page-list li{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 30px;
  gap:18px;
  align-items:center;
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.52);
  transition:padding .25s ease,color .25s ease;
}
.themes-page-list li.is-active{padding-left:20px;color:var(--acid)}
.themes-page-list>li>span{
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
}
.themes-page-list a{display:block;min-width:0}
.themes-page-list strong{
  display:block;
  font-size:clamp(25px,2.45vw,42px);
  line-height:1;
  letter-spacing:-.04em;
}
.themes-page-list small{
  display:block;
  max-width:60ch;
  margin-top:8px;
  font-size:11px;
  line-height:1.55;
  color:#c9cac7;
}
.themes-page-list li.is-active small{color:#edf2d0}
.themes-page-list i{
  font-style:normal;
  font-size:24px;
  transition:transform .25s ease;
}
.themes-page-list li:hover i,.themes-page-list li.is-active i{transform:translate(5px,-5px)}
.themes-page-visual{
  position:absolute;
  z-index:1;
  left:-7vw;
  bottom:-18vw;
  width:min(54vw,840px);
  aspect-ratio:1;
  border-radius:50%;
  background:var(--visual-color,#8fb1ff);
  color:var(--visual-ink,#0a0d13);
  transform:rotate(-8deg);
  transition:background .45s ease,color .45s ease,transform .45s ease;
  pointer-events:none;
}
.themes-page-visual-ring{
  position:absolute;
  inset:8%;
  border:2px solid currentColor;
  border-radius:50%;
}
.themes-page-visual-ring::before,.themes-page-visual-ring::after{
  content:"";
  position:absolute;
  inset:17%;
  border:1px solid currentColor;
  border-radius:50%;
}
.themes-page-visual-ring::after{inset:35%}
.themes-page-visual .theme-visual-word{
  top:42%;
  left:9%;
  font-size:clamp(76px,10.7vw,190px);
}
.themes-page-visual .theme-visual-code{right:17%;top:14%}
.themes-page-cover[data-active="unternehmertum-arbeit"] .themes-page-visual{transform:rotate(6deg) scale(.94)}
.themes-page-cover[data-active="bildung-entwicklung"] .themes-page-visual{transform:rotate(-2deg) scale(1.04)}
.themes-page-cover[data-active="gesellschaft-politik"] .themes-page-visual{transform:rotate(11deg) scale(.9)}
.themes-page-cover[data-active="familie-leben"] .themes-page-visual{transform:rotate(-12deg) scale(1.02)}

.theme-ledger{
  padding:clamp(100px,11vw,170px) var(--page);
  background:var(--paper);
}
.theme-ledger-head{
  display:grid;
  grid-template-columns:minmax(130px,.3fr) minmax(390px,1fr) minmax(260px,.55fr);
  gap:clamp(32px,5vw,82px);
  align-items:start;
  margin-bottom:clamp(70px,8vw,120px);
}
.theme-ledger-head>div{display:flex;flex-direction:column;gap:30px;padding-top:12px}
.theme-ledger-head .section-index{color:var(--cobalt)}
.theme-ledger-head h2{
  max-width:10ch;
  margin:0;
  font-size:clamp(56px,7vw,122px);
  font-weight:900;
  line-height:.87;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.theme-ledger-head h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--orange);
}
.theme-ledger-head>p{max-width:40ch;margin:16px 0 0;font-size:14px;line-height:1.75}
.theme-ledger-list{border-bottom:2px solid var(--ink)}
.theme-ledger-row{
  position:relative;
  min-height:430px;
  display:grid;
  grid-template-columns:100px minmax(330px,1fr) minmax(300px,.72fr);
  gap:clamp(28px,5vw,80px);
  align-items:center;
  padding:55px 0;
  border-top:2px solid var(--ink);
  overflow:hidden;
  isolation:isolate;
}
.theme-ledger-row:nth-child(even){background:var(--paper-2)}
.theme-ledger-disc{
  position:absolute;
  z-index:-1;
  left:-6vw;
  top:50%;
  width:clamp(260px,28vw,500px);
  aspect-ratio:1;
  border-radius:50%;
  background:var(--theme);
  color:var(--theme-ink);
  transform:translateY(-50%) rotate(-9deg);
  transition:transform .45s ease;
}
.theme-ledger-row:nth-child(even) .theme-ledger-disc{left:auto;right:-7vw;transform:translateY(-50%) rotate(8deg)}
.theme-ledger-row:hover .theme-ledger-disc{transform:translateY(-50%) rotate(-2deg) scale(1.04)}
.theme-ledger-row:nth-child(even):hover .theme-ledger-disc{transform:translateY(-50%) rotate(2deg) scale(1.04)}
.theme-ledger-disc span{
  position:absolute;
  right:13%;
  bottom:6%;
  font-size:clamp(110px,16vw,280px);
  font-weight:900;
  line-height:.7;
  letter-spacing:-.1em;
  color:transparent;
  -webkit-text-stroke:2px currentColor;
  opacity:.46;
}
.theme-ledger-title{position:relative;z-index:2;grid-column:2}
.theme-ledger-title>span{
  display:block;
  margin-bottom:24px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.theme-ledger-title h2{
  max-width:11ch;
  margin:0;
  font-size:clamp(46px,5.8vw,98px);
  font-weight:900;
  line-height:.84;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.theme-ledger-copy{position:relative;z-index:2;grid-column:3}
.theme-ledger-copy p{max-width:47ch;margin:0 0 18px;font-size:13px;line-height:1.7}
.theme-ledger-copy .theme-ledger-lead{
  margin-bottom:22px;
  font-family:var(--serif);
  font-size:clamp(23px,2vw,32px);
  line-height:1.18;
  letter-spacing:-.02em;
}
.theme-ledger-copy .arrow-link{margin-top:12px}

/* Projects cover and typographic ledger */
.projects-cover{
  position:relative;
  min-height:max(800px,100svh);
  padding:var(--header) var(--page) 78px;
  background:var(--paper-2);
  color:var(--ink);
  overflow:hidden;
  isolation:isolate;
}
.projects-cover-grid{
  position:absolute;
  z-index:-4;
  inset:var(--header) 0 0;
  background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(10,13,19,.1) 1px);
  background-size:8.3333% 100%;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 96%);
}
.projects-cover-meta{
  position:absolute;
  z-index:7;
  top:calc(var(--header) + 34px);
  left:var(--page);
  right:var(--page);
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.projects-cover-meta span:first-child{color:var(--orange)}
.projects-cover-circle{
  position:absolute;
  z-index:-2;
  right:8vw;
  top:9%;
  width:min(48vw,760px);
  aspect-ratio:1;
  border-radius:50%;
  background:var(--cobalt);
}
.projects-cover h1{
  position:absolute;
  z-index:1;
  left:var(--page);
  top:28%;
  margin:0;
  font-size:clamp(100px,13.7vw,248px);
  font-weight:900;
  line-height:.68;
  letter-spacing:-.085em;
  text-transform:uppercase;
  white-space:nowrap;
}
.projects-cover-portrait{
  position:absolute;
  z-index:4;
  right:6.5vw;
  bottom:32px;
  width:min(49vw,780px);
  filter:drop-shadow(0 26px 30px rgba(0,0,0,.16));
}
.projects-cover-portrait img{width:100%;height:auto}
.projects-cover-copy{
  position:absolute;
  z-index:7;
  left:var(--page);
  bottom:96px;
  width:min(35vw,460px);
}
.projects-cover-copy .section-kicker{margin-bottom:20px;color:var(--orange)}
.projects-cover-copy>p{
  max-width:36ch;
  margin:0 0 28px;
  font-family:var(--serif);
  font-size:clamp(24px,2.1vw,36px);
  line-height:1.15;
  letter-spacing:-.025em;
}
.projects-cover-word{
  position:absolute;
  z-index:-1;
  left:-.03em;
  bottom:-.18em;
  font-size:clamp(220px,31vw,550px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.09em;
  color:transparent;
  -webkit-text-stroke:2px rgba(10,13,19,.14);
  white-space:nowrap;
}
.projects-cover-ticker{
  position:absolute;
  z-index:10;
  left:-2%;
  right:-2%;
  bottom:-7px;
  overflow:hidden;
  background:var(--acid);
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
  transform:rotate(-1deg);
}
.projects-cover-ticker>div{
  display:flex;
  width:max-content;
  align-items:center;
  gap:24px;
  padding:11px 0;
  animation:marquee 42s linear infinite;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.projects-cover-ticker b{color:var(--orange)}

.project-ledger{
  display:grid;
  grid-template-columns:minmax(300px,.62fr) minmax(560px,1.38fr);
  gap:clamp(55px,8vw,135px);
  align-items:start;
  padding:clamp(110px,12vw,185px) var(--page);
  background:var(--paper);
}
.project-ledger-side{
  position:sticky;
  top:calc(var(--header) + 36px);
  min-width:0;
}
.project-ledger-heading .section-index{display:block;margin-bottom:30px;color:var(--orange)}
.project-ledger-heading .section-kicker{margin-bottom:24px}
.project-ledger-heading h2{
  max-width:8ch;
  margin:0 0 34px;
  font-size:clamp(58px,7vw,120px);
  font-weight:900;
  line-height:.86;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.project-ledger-heading h2 em{
  display:block;
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--orange);
}
.project-ledger-heading>p:last-child{max-width:39ch;margin:0;font-size:14px;line-height:1.75}
.project-ledger-visual{
  position:relative;
  width:min(29vw,390px);
  aspect-ratio:1;
  margin:52px 0 36px;
  padding:46px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:50%;
  background:var(--project);
  color:var(--project-ink);
  overflow:hidden;
  transform:rotate(-7deg);
  transition:background .4s ease,color .4s ease,transform .4s ease;
}
.project-ledger-visual::before,.project-ledger-visual::after{
  content:"";
  position:absolute;
  inset:10%;
  border:1px solid currentColor;
  border-radius:50%;
  opacity:.62;
}
.project-ledger-visual::after{inset:29%}
.project-visual-code{
  position:absolute;
  top:16%;
  right:18%;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
}
.project-visual-name{
  position:relative;
  z-index:2;
  display:block;
  max-width:9ch;
  font-size:clamp(35px,3.4vw,57px);
  line-height:.88;
  letter-spacing:-.055em;
  transform:rotate(7deg);
}
.project-visual-kicker{
  position:relative;
  z-index:2;
  display:block;
  max-width:31ch;
  margin-top:15px;
  font-family:var(--mono);
  font-size:8px;
  line-height:1.5;
  letter-spacing:.08em;
  text-transform:uppercase;
  transform:rotate(7deg);
}
.project-ledger-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
  padding-top:20px;
  border-top:1px solid var(--ink);
  font-family:var(--mono);
  font-size:8px;
  line-height:1.5;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.project-ledger-stats span{display:flex;align-items:baseline;gap:8px}
.project-ledger-stats strong{font-size:20px;color:var(--cobalt)}
.project-ledger-list{
  min-width:0;
  list-style:none;
  margin:0;
  padding:0;
  border-top:2px solid var(--ink);
}
.project-ledger-list li{
  scroll-margin-top:calc(var(--header) + 28px);
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 110px;
  gap:22px;
  align-items:center;
  min-height:176px;
  padding:26px 8px 26px 0;
  border-bottom:2px solid var(--ink);
  transition:background .25s ease,color .25s ease,padding .25s ease;
}
.project-ledger-list li:hover,.project-ledger-list li.is-active{
  padding-left:22px;
  padding-right:22px;
  background:var(--row-project);
  color:var(--row-ink);
}
.project-ledger-no{
  align-self:start;
  padding-top:6px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
  color:var(--orange);
}
.project-ledger-list li:hover .project-ledger-no,.project-ledger-list li.is-active .project-ledger-no{color:currentColor}
.project-ledger-main p{
  margin:0 0 9px;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.09em;
  text-transform:uppercase;
  opacity:.72;
}
.project-ledger-main h2{
  margin:0 0 13px;
  font-size:clamp(35px,4vw,67px);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.06em;
}
.project-ledger-main>span{
  display:block;
  max-width:62ch;
  font-size:12px;
  line-height:1.55;
  opacity:.76;
}
.project-ledger-action{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-end;
  text-align:right;
}
.project-ledger-action>span{
  font-family:var(--mono);
  font-size:8px;
  line-height:1.45;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.project-ledger-action a,.project-ledger-action i{
  font-style:normal;
  font-size:25px;
  transition:transform .2s ease;
}
.project-ledger-action a:hover{transform:translate(4px,-4px)}
.project-method{
  padding:clamp(105px,12vw,180px) var(--page);
  background:var(--ink);
  color:var(--white);
}
.project-method>header{
  display:grid;
  grid-template-columns:minmax(130px,.3fr) 1fr;
  gap:50px;
  align-items:start;
  margin-bottom:clamp(65px,8vw,105px);
}
.project-method .section-index{padding-top:15px;color:var(--acid)}
.project-method h2{
  max-width:12ch;
  margin:0;
  font-size:clamp(56px,7.5vw,130px);
  font-weight:900;
  line-height:.86;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.project-method h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--orange);
}
.project-method-lines{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.45);
  border-bottom:1px solid rgba(255,255,255,.45);
}
.project-method-lines article{
  min-height:330px;
  padding:28px;
  border-right:1px solid rgba(255,255,255,.45);
}
.project-method-lines article:last-child{border-right:0}
.project-method-lines span{font-family:var(--mono);font-size:9px;color:var(--acid)}
.project-method-lines h3{
  margin:90px 0 22px;
  font-size:clamp(35px,3.8vw,62px);
  line-height:.9;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.project-method-lines p{max-width:35ch;margin:0;font-size:13px;line-height:1.7;color:#c8c9c5}

/* Person cover and editorial profile */
.person-cover{
  position:relative;
  min-height:max(800px,100svh);
  padding:var(--header) var(--page) 72px;
  background:var(--ink);
  color:var(--white);
  overflow:hidden;
  isolation:isolate;
}
.person-cover-grid{
  position:absolute;
  z-index:-4;
  inset:var(--header) 0 0;
  background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.08) 1px);
  background-size:8.3333% 100%;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.86),transparent 96%);
}
.person-cover-meta{
  position:absolute;
  z-index:8;
  top:calc(var(--header) + 34px);
  left:var(--page);
  right:var(--page);
  display:flex;
  justify-content:space-between;
  gap:22px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.person-cover-meta span:first-child{color:var(--acid)}
.person-cover-circle{
  position:absolute;
  z-index:-2;
  right:8vw;
  top:9%;
  width:min(48vw,760px);
  aspect-ratio:1;
  border-radius:50%;
  background:var(--cobalt);
}
.person-cover h1{
  position:absolute;
  z-index:2;
  left:var(--page);
  right:var(--page);
  top:20%;
  display:flex;
  flex-direction:column;
  margin:0;
  font-size:clamp(102px,14.5vw,265px);
  font-weight:900;
  line-height:.68;
  letter-spacing:-.085em;
  text-transform:uppercase;
  white-space:nowrap;
  pointer-events:none;
}
.person-cover h1 span:first-child{
  color:transparent;
  -webkit-text-stroke:2px var(--white);
}
.person-cover h1 span:last-child{align-self:flex-end;margin-right:1.5vw;color:var(--white)}
.person-cover-portrait{
  position:absolute;
  z-index:4;
  right:7vw;
  bottom:0;
  width:min(49vw,770px);
  filter:drop-shadow(0 25px 30px rgba(0,0,0,.24));
}
.person-cover-portrait img{width:100%;height:auto}
.person-cover-copy{
  position:absolute;
  z-index:8;
  left:var(--page);
  bottom:82px;
  width:min(35vw,455px);
}
.person-cover-kicker{
  margin:0 0 19px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--acid);
}
.person-cover-copy>p:not(.person-cover-kicker){
  max-width:36ch;
  margin:0 0 27px;
  font-family:var(--serif);
  font-size:clamp(24px,2.05vw,35px);
  line-height:1.16;
  letter-spacing:-.025em;
}
.person-cover-orbit{
  position:absolute;
  z-index:1;
  right:4vw;
  top:12%;
  width:min(28vw,430px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  padding:55px;
  border:1px solid rgba(217,255,76,.68);
  border-radius:50%;
  animation:orbit 26s linear infinite;
}
.person-cover-orbit::before,.person-cover-orbit::after{
  content:"";
  position:absolute;
  inset:15%;
  border:1px solid rgba(217,255,76,.34);
  border-radius:50%;
}
.person-cover-orbit::after{inset:34%}
.person-cover-orbit span{
  max-width:22ch;
  font-family:var(--mono);
  font-size:8px;
  line-height:1.8;
  letter-spacing:.18em;
  text-align:center;
  color:var(--acid);
}
.person-cover-word{
  position:absolute;
  z-index:-1;
  left:-.03em;
  bottom:-.18em;
  font-size:clamp(180px,25vw,450px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.085em;
  color:transparent;
  -webkit-text-stroke:2px rgba(255,255,255,.12);
  white-space:nowrap;
}
.person-introduction{
  padding:clamp(105px,12vw,185px) var(--page);
  background:var(--paper);
}
.person-introduction-head{
  display:grid;
  grid-template-columns:minmax(130px,.3fr) minmax(390px,1fr) minmax(260px,.55fr);
  gap:clamp(32px,5vw,82px);
  align-items:start;
  margin-bottom:clamp(70px,8vw,115px);
}
.person-introduction-head>div{display:flex;flex-direction:column;gap:30px;padding-top:12px}
.person-introduction-head .section-index{color:var(--orange)}
.person-introduction-head h2{
  max-width:11ch;
  margin:0;
  font-size:clamp(56px,7vw,122px);
  font-weight:900;
  line-height:.87;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.person-introduction-head h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--cobalt);
}
.person-introduction-head>p{max-width:35ch;margin:16px 0 0;font-size:14px;line-height:1.75}
.person-introduction-spread{
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);
  gap:clamp(45px,7vw,110px);
  align-items:start;
}
.person-introduction-image{
  position:sticky;
  top:calc(var(--header) + 30px);
  min-height:660px;
  overflow:hidden;
  background:var(--ink);
}
.person-introduction-image::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  width:34%;
  height:8px;
  background:var(--cobalt);
}
.person-introduction-image img{
  width:100%;
  height:100%;
  min-height:660px;
  object-fit:cover;
  object-position:center;
  filter:grayscale(1) contrast(1.08);
}
.person-introduction-image figcaption{
  position:absolute;
  z-index:3;
  left:16px;
  bottom:16px;
  padding:8px 10px;
  background:var(--acid);
  color:var(--ink);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.person-introduction-copy{min-width:0}
.person-introduction-copy blockquote{
  margin:0 0 60px;
  padding:0 0 32px;
  border-bottom:2px solid var(--ink);
  font-family:var(--serif);
  font-size:clamp(36px,4vw,65px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.person-introduction-copy p{
  max-width:690px;
  margin:0 0 1.35em;
  font-family:var(--serif);
  font-size:clamp(20px,1.55vw,25px);
  line-height:1.68;
}
.person-introduction-copy .person-introduction-lead{
  font-size:clamp(27px,2.45vw,39px);
  line-height:1.34;
  letter-spacing:-.025em;
}
.person-path{
  padding:clamp(105px,12vw,180px) var(--page);
  background:var(--ink);
  color:var(--white);
}
.person-path-head{
  display:grid;
  grid-template-columns:minmax(130px,.3fr) minmax(390px,1fr) minmax(260px,.55fr);
  gap:clamp(32px,5vw,82px);
  align-items:start;
  margin-bottom:clamp(65px,8vw,105px);
}
.person-path-head .section-index{padding-top:13px;color:var(--acid)}
.person-path-head h2{
  max-width:10ch;
  margin:0;
  font-size:clamp(56px,7vw,122px);
  font-weight:900;
  line-height:.87;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.person-path-head h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--orange);
}
.person-path-head>p{max-width:38ch;margin:16px 0 0;font-size:14px;line-height:1.75;color:#c3c4c0}
.person-path-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.45)}
.person-path-list li{
  display:grid;
  grid-template-columns:75px minmax(250px,.72fr) minmax(300px,1fr);
  gap:clamp(24px,5vw,80px);
  align-items:center;
  min-height:140px;
  padding:25px 0;
  border-bottom:1px solid rgba(255,255,255,.45);
  transition:padding .25s ease,background .25s ease,color .25s ease;
}
.person-path-list li:hover{padding-left:22px;padding-right:22px;background:var(--acid);color:var(--ink)}
.person-path-list span{font-family:var(--mono);font-size:9px;color:var(--acid)}
.person-path-list li:hover span{color:var(--ink)}
.person-path-list strong{
  font-size:clamp(30px,3.5vw,58px);
  line-height:.92;
  letter-spacing:-.05em;
}
.person-path-list p{max-width:54ch;margin:0;font-size:13px;line-height:1.65;color:#bfc0bc}
.person-path-list li:hover p{color:var(--ink)}
.person-perspectives{
  padding:clamp(100px,11vw,170px) var(--page);
  background:var(--cobalt);
  color:var(--white);
  overflow:hidden;
}
.person-perspectives>header{
  display:grid;
  grid-template-columns:minmax(130px,.3fr) 1fr;
  gap:50px;
  align-items:start;
  margin-bottom:clamp(65px,8vw,105px);
}
.person-perspectives .section-index{padding-top:14px;color:var(--acid)}
.person-perspectives h2{
  max-width:11ch;
  margin:0;
  font-size:clamp(56px,7.5vw,130px);
  font-weight:900;
  line-height:.86;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.person-perspectives h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--acid);
}
.person-perspectives-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.55);
  border-bottom:1px solid rgba(255,255,255,.55);
}
.person-perspectives-grid article{
  min-height:440px;
  padding:28px;
  border-right:1px solid rgba(255,255,255,.55);
}
.person-perspectives-grid article:last-child{border-right:0}
.person-perspectives-grid span{font-family:var(--mono);font-size:9px;color:var(--acid)}
.person-perspectives-grid h3{
  margin:145px 0 25px;
  font-size:clamp(31px,3.2vw,53px);
  line-height:.88;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.person-perspectives-grid p{max-width:35ch;margin:0;font-size:13px;line-height:1.7;color:#d6d7d3}
.person-publication{
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(430px,1.05fr) minmax(420px,.95fr);
  background:var(--paper-2);
}
.person-publication figure{position:relative;min-height:760px;overflow:hidden;background:var(--ink)}
.person-publication figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,13,19,.44),transparent 48%)}
.person-publication figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05)}
.person-publication figcaption{
  position:absolute;
  z-index:2;
  left:20px;
  bottom:20px;
  padding:9px 11px;
  background:var(--acid);
  color:var(--ink);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.person-publication>div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(70px,8vw,125px) var(--page);
}
.person-publication .section-index{margin-bottom:30px;color:var(--orange)}
.person-publication .section-kicker{margin-bottom:25px}
.person-publication h2{
  max-width:10ch;
  margin:0 0 42px;
  font-size:clamp(55px,6.7vw,116px);
  font-weight:900;
  line-height:.87;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.person-publication h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--cobalt);
}
.person-publication h3{
  max-width:27ch;
  margin:0 0 22px;
  font-family:var(--serif);
  font-size:clamp(26px,2.4vw,39px);
  font-weight:500;
  line-height:1.15;
}
.person-publication>div>p{max-width:48ch;margin:0 0 28px;font-size:14px;line-height:1.75}
.person-publication .arrow-link{width:max-content}
.person-contact{
  min-height:76svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(95px,12vw,180px) var(--page);
  background:var(--ink);
  color:var(--white);
}
.person-contact .section-index{margin-bottom:35px;color:var(--acid)}
.person-contact h2{
  max-width:13ch;
  margin:0 0 36px;
  font-size:clamp(60px,8.5vw,150px);
  font-weight:900;
  line-height:.83;
  letter-spacing:-.075em;
  text-transform:uppercase;
}
.person-contact>p{max-width:43ch;margin:0 0 30px;font-size:15px;line-height:1.75;color:#c6c7c3}
.person-contact .arrow-link{width:max-content}

/* Tablet */
@media (max-width:1180px){
  .journal-cover h1{top:27%;font-size:clamp(100px,15vw,178px)}
  .journal-cover-image{right:4vw;width:58vw}
  .themes-page-cover{grid-template-columns:minmax(280px,.7fr) minmax(430px,1.3fr);gap:45px 70px}
  .theme-ledger-head,.person-introduction-head,.person-path-head{grid-template-columns:120px 1fr}
  .theme-ledger-head>p,.person-introduction-head>p,.person-path-head>p{grid-column:2;max-width:520px;margin-top:0}
  .theme-ledger-row{grid-template-columns:80px minmax(300px,1fr) minmax(270px,.7fr);gap:38px}
  .projects-cover h1{font-size:13vw}
  .project-ledger{grid-template-columns:minmax(270px,.55fr) minmax(500px,1.45fr);gap:60px}
  .project-ledger-visual{width:32vw;padding:38px}
  .person-cover h1{font-size:14vw}
  .person-perspectives-grid{grid-template-columns:repeat(2,1fr)}
  .person-perspectives-grid article:nth-child(2){border-right:0}
  .person-perspectives-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.55)}
}

/* Compact desktop and large mobile */
@media (max-width:900px){
  .journal-cover{
    min-height:940px;
    padding-bottom:70px;
  }
  .journal-cover h1{top:155px;left:var(--page);font-size:clamp(82px,17vw,145px)}
  .journal-cover-disc{right:-8vw;top:145px;width:70vw}
  .journal-cover-image{top:260px;left:18vw;right:var(--page);width:auto;height:430px}
  .journal-cover-copy{left:var(--page);bottom:62px;width:min(68vw,520px)}
  .journal-cover-side{display:none}
  .themes-page-cover{
    min-height:auto;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    gap:55px;
    padding-bottom:300px;
  }
  .themes-page-meta{grid-column:1}
  .themes-page-intro{padding-top:35px;max-width:720px}
  .themes-page-list{width:min(100%,760px);margin-left:auto}
  .themes-page-visual{left:-24vw;bottom:-33vw;width:92vw}
  .theme-ledger-head{grid-template-columns:110px 1fr}
  .theme-ledger-row{grid-template-columns:70px minmax(260px,1fr);gap:32px;padding:50px 0}
  .theme-ledger-copy{grid-column:2;margin-top:0}
  .theme-ledger-disc{left:-15vw;width:55vw;opacity:.84}
  .theme-ledger-row:nth-child(even) .theme-ledger-disc{right:-18vw}
  .projects-cover{min-height:930px}
  .projects-cover h1{top:170px;font-size:15vw}
  .projects-cover-circle{right:-6vw;top:155px;width:70vw}
  .projects-cover-portrait{right:2vw;bottom:34px;width:69vw}
  .projects-cover-copy{bottom:78px;width:min(48vw,430px)}
  .project-ledger{grid-template-columns:1fr;gap:70px}
  .project-ledger-side{position:relative;top:auto;display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,.7fr);gap:45px;align-items:end}
  .project-ledger-heading{grid-column:1}
  .project-ledger-visual{grid-column:2;grid-row:1;width:min(38vw,360px);margin:0;justify-self:end}
  .project-ledger-stats{grid-column:1/-1}
  .person-cover{min-height:940px}
  .person-cover h1{top:155px;font-size:15vw}
  .person-cover-circle{right:-6vw;top:145px;width:72vw}
  .person-cover-portrait{right:1vw;width:70vw}
  .person-cover-copy{bottom:58px;width:min(48vw,430px)}
  .person-cover-orbit{right:0;top:160px;width:40vw}
  .person-introduction-head,.person-path-head{grid-template-columns:110px 1fr}
  .person-introduction-spread{grid-template-columns:1fr}
  .person-introduction-image{position:relative;top:auto;min-height:520px;max-height:72vh}
  .person-introduction-image img{min-height:520px}
  .person-path-list li{grid-template-columns:58px minmax(220px,.75fr) 1fr;gap:32px}
  .person-publication{grid-template-columns:1fr;min-height:auto}
  .person-publication figure{min-height:58vh}
}

/* Mobile */
@media (max-width:680px){
  .journal-cover{
    min-height:870px;
    padding-left:var(--page);
    padding-right:var(--page);
  }
  .journal-cover-meta{top:calc(var(--header) + 22px);font-size:8px}
  .journal-cover-meta span:last-child{display:none}
  .journal-cover h1{top:128px;font-size:clamp(66px,18.2vw,92px);line-height:.76}
  .journal-cover-disc{top:200px;right:-25vw;width:105vw}
  .journal-cover-image{top:235px;left:var(--page);right:var(--page);height:330px}
  .journal-cover-copy{left:var(--page);right:var(--page);bottom:54px;width:auto}
  .journal-cover-copy>p:not(.journal-cover-kicker){max-width:28ch;font-size:clamp(23px,7vw,31px)}
  .journal-cover-copy .arrow-link{font-size:9px}
  .journal-cover-number{font-size:92vw;bottom:-.13em}
  .journal-page .journal-index{padding-top:80px}

  .themes-page-cover{padding:calc(var(--header) + 30px) var(--page) 220px;gap:40px}
  .themes-page-meta{font-size:8px}
  .themes-page-intro{padding-top:25px}
  .themes-page-intro h1{max-width:none;font-size:clamp(52px,15vw,74px);line-height:.86;margin-bottom:28px}
  .themes-page-intro h1 em{display:inline}
  .themes-page-intro>p:last-child{font-size:13px}
  .themes-page-list li{grid-template-columns:31px minmax(0,1fr) 22px;gap:10px;padding:17px 0}
  .themes-page-list li.is-active{padding-left:10px}
  .themes-page-list strong{font-size:clamp(22px,7.4vw,31px)}
  .themes-page-list small{display:none}
  .themes-page-list i{font-size:19px}
  .themes-page-visual{left:-48vw;bottom:-29vw;width:126vw}
  .themes-page-visual .theme-visual-word{left:22%;font-size:23vw}
  .theme-ledger{padding-top:90px;padding-bottom:100px}
  .theme-ledger-head{display:block;margin-bottom:70px}
  .theme-ledger-head>div{margin-bottom:38px}
  .theme-ledger-head h2{max-width:none;font-size:clamp(42px,12.5vw,58px);line-height:.9}
  .theme-ledger-head>p{margin-top:28px}
  .theme-ledger-row{display:block;min-height:0;padding:58px 0 64px}
  .theme-ledger-disc{left:auto;right:-29vw;top:42%;width:92vw;opacity:.72}
  .theme-ledger-row:nth-child(even) .theme-ledger-disc{right:auto;left:-33vw}
  .theme-ledger-title,.theme-ledger-copy{grid-column:auto}
  .theme-ledger-title{max-width:84%;margin-bottom:34px}
  .theme-ledger-title h2{font-size:clamp(43px,13vw,62px);line-height:.86}
  .theme-ledger-copy{max-width:92%}
  .theme-ledger-copy .theme-ledger-lead{font-size:26px}

  .projects-cover{min-height:880px}
  .projects-cover-meta{top:calc(var(--header) + 22px);font-size:8px}
  .projects-cover h1{top:132px;font-size:16.2vw;line-height:.78}
  .projects-cover-circle{top:205px;right:-28vw;width:108vw}
  .projects-cover-portrait{right:-13vw;bottom:25px;width:112vw}
  .projects-cover-copy{
    left:var(--page);
    right:var(--page);
    bottom:71px;
    width:auto;
    padding:18px 18px 16px;
    background:rgba(241,238,229,.9);
    backdrop-filter:blur(10px);
  }
  .projects-cover-copy>p{max-width:29ch;font-size:clamp(22px,6.8vw,30px)}
  .projects-cover-word{display:none}
  .projects-cover-ticker>div{font-size:10px}
  .project-ledger{display:block;padding-top:95px;padding-bottom:100px}
  .project-ledger-side{display:block}
  .project-ledger-heading h2{max-width:none;font-size:clamp(45px,13vw,61px)}
  .project-ledger-visual{width:min(82vw,360px);margin:48px auto 35px;padding:42px}
  .project-ledger-stats{margin-bottom:70px}
  .project-ledger-list li{grid-template-columns:35px minmax(0,1fr) 42px;gap:12px;min-height:0;padding:22px 0}
  .project-ledger-list li:hover,.project-ledger-list li.is-active{padding:22px 12px}
  .project-ledger-main h2{font-size:clamp(31px,9.5vw,44px)}
  .project-ledger-main>span{font-size:11px}
  .project-ledger-action>span{display:none}
  .project-method{padding-top:95px;padding-bottom:100px}
  .project-method>header{display:block;margin-bottom:65px}
  .project-method .section-index{display:block;margin-bottom:38px}
  .project-method h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}
  .project-method-lines{grid-template-columns:1fr}
  .project-method-lines article{min-height:250px;border-right:0;border-bottom:1px solid rgba(255,255,255,.45);padding:24px 0}
  .project-method-lines article:last-child{border-bottom:0}
  .project-method-lines h3{margin-top:55px}

  .person-cover{min-height:890px}
  .person-cover-meta{top:calc(var(--header) + 22px);font-size:8px}
  .person-cover-meta span:last-child{display:none}
  .person-cover h1{top:125px;font-size:16.2vw;line-height:.75}
  .person-cover h1 span:last-child{align-self:flex-start;margin-right:0}
  .person-cover-circle{top:210px;right:-27vw;width:108vw}
  .person-cover-portrait{right:-12vw;bottom:0;width:112vw}
  .person-cover-copy{
    left:var(--page);
    right:var(--page);
    bottom:47px;
    width:auto;
    padding:18px;
    background:rgba(10,13,19,.82);
    backdrop-filter:blur(10px);
  }
  .person-cover-copy>p:not(.person-cover-kicker){max-width:29ch;font-size:clamp(22px,6.6vw,29px)}
  .person-cover-orbit{top:205px;right:-16vw;width:72vw;padding:42px;opacity:.72}
  .person-cover-word{display:none}
  .person-introduction{padding-top:90px;padding-bottom:100px}
  .person-introduction-head{display:block;margin-bottom:70px}
  .person-introduction-head>div{margin-bottom:38px}
  .person-introduction-head h2{max-width:none;font-size:clamp(42px,12.5vw,58px);line-height:.9}
  .person-introduction-head>p{margin-top:28px}
  .person-introduction-image,.person-introduction-image img{min-height:390px}
  .person-introduction-copy blockquote{font-size:clamp(31px,9.5vw,43px);margin-top:45px;margin-bottom:42px}
  .person-introduction-copy p{font-size:20px}
  .person-introduction-copy .person-introduction-lead{font-size:27px}
  .person-path{padding-top:95px;padding-bottom:100px}
  .person-path-head{display:block;margin-bottom:65px}
  .person-path-head .section-index{display:block;margin-bottom:38px}
  .person-path-head h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}
  .person-path-head>p{margin-top:28px}
  .person-path-list li{grid-template-columns:35px minmax(0,1fr);gap:12px;min-height:0;padding:25px 0}
  .person-path-list strong{font-size:clamp(29px,9vw,41px)}
  .person-path-list p{grid-column:2;margin-top:6px}
  .person-perspectives{padding-top:95px;padding-bottom:100px}
  .person-perspectives>header{display:block;margin-bottom:65px}
  .person-perspectives .section-index{display:block;margin-bottom:38px}
  .person-perspectives h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}
  .person-perspectives-grid{grid-template-columns:1fr}
  .person-perspectives-grid article,.person-perspectives-grid article:nth-child(2){min-height:290px;border-right:0;border-bottom:1px solid rgba(255,255,255,.55);padding:24px 0}
  .person-perspectives-grid article:last-child{border-bottom:0}
  .person-perspectives-grid h3{margin-top:70px;font-size:clamp(35px,10.5vw,48px)}
  .person-publication figure{min-height:430px}
  .person-publication>div{padding:80px var(--page)}
  .person-publication h2{max-width:none;font-size:clamp(43px,12.5vw,60px)}
  .person-contact{min-height:70svh;padding-top:95px;padding-bottom:100px}
  .person-contact h2{max-width:none;font-size:clamp(46px,13.5vw,67px);line-height:.88}
}

@media (max-width:390px){
  .journal-cover h1{font-size:64px}
  .themes-page-intro h1,.theme-ledger-head h2,.project-ledger-heading h2,.project-method h2,.person-introduction-head h2,.person-path-head h2,.person-perspectives h2{font-size:40px}
  .theme-ledger-title h2{font-size:40px}
  .projects-cover h1,.person-cover h1{font-size:15.7vw}
  .project-visual-name{font-size:33px}
  .person-publication h2{font-size:41px}
  .person-contact h2{font-size:44px}
}

/* Revision 04.1 — no card-like focus states on editorial project/person covers */
.project-ledger-list li:hover,
.project-ledger-list li.is-active{
  background:transparent;
  color:var(--ink);
  padding-left:18px;
  padding-right:0;
  box-shadow:inset 5px 0 0 var(--row-project);
}
.project-ledger-list li:hover .project-ledger-no,
.project-ledger-list li.is-active .project-ledger-no{
  color:var(--orange);
}
.project-ledger-list li::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:11%;
  top:50%;
  width:clamp(74px,8vw,135px);
  aspect-ratio:1;
  border:1px solid var(--row-project);
  border-radius:50%;
  opacity:0;
  transform:translateY(-50%) scale(.68);
  transition:opacity .3s ease,transform .35s ease;
  pointer-events:none;
}
.project-ledger-list li:hover::after,
.project-ledger-list li.is-active::after{
  opacity:.52;
  transform:translateY(-50%) scale(1);
}

@media (max-width:680px){
  .projects-cover::after{
    content:"";
    position:absolute;
    z-index:5;
    left:0;
    right:0;
    bottom:0;
    height:50%;
    background:linear-gradient(to top,rgba(10,13,19,.94) 0%,rgba(10,13,19,.72) 36%,rgba(10,13,19,0) 100%);
    pointer-events:none;
  }
  .projects-cover-copy{
    padding:0;
    background:none;
    backdrop-filter:none;
    color:var(--white);
  }
  .projects-cover-copy .arrow-link{
    color:var(--white);
    border-color:rgba(255,255,255,.72);
  }
  .projects-cover-copy .arrow-link:hover{border-color:var(--white)}

  .person-cover::after{
    content:"";
    position:absolute;
    z-index:5;
    left:0;
    right:0;
    bottom:0;
    height:48%;
    background:linear-gradient(to top,rgba(10,13,19,.98) 0%,rgba(10,13,19,.78) 40%,rgba(10,13,19,0) 100%);
    pointer-events:none;
  }
  .person-cover-copy{
    padding:0;
    background:none;
    backdrop-filter:none;
  }

  .project-ledger-list li:hover,
  .project-ledger-list li.is-active{
    padding:22px 0 22px 12px;
    box-shadow:inset 4px 0 0 var(--row-project);
  }
  .project-ledger-list li::after{right:2%;width:82px}
}

@media (max-width:900px){
  .project-method-lines{grid-template-columns:1fr}
  .project-method-lines article{
    min-height:230px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.45);
    padding:28px 0;
  }
  .project-method-lines article:last-child{border-bottom:0}
  .project-method-lines h3{margin-top:55px}
}

/* ============================================================
   CMS edition — Logbuch, Dossiers, project profiles and admin-ready footer
   ============================================================ */

/* Newsletter footer */
.footer-newsletter{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr);
  gap:clamp(42px,8vw,130px);
  align-items:end;
  padding:0 0 clamp(72px,8vw,118px);
  margin-bottom:clamp(65px,7vw,105px);
  border-bottom:2px solid var(--ink);
}
.footer-newsletter .section-index{display:block;margin-bottom:26px;color:var(--cobalt)}
.footer-newsletter h2{
  max-width:11ch;
  margin:0 0 24px;
  font-size:clamp(48px,5.8vw,104px);
  font-weight:900;
  line-height:.86;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.footer-newsletter>div>p{max-width:48ch;margin:0;font-size:14px;line-height:1.7}
.newsletter-form{display:grid;gap:16px;min-width:0}
.newsletter-form>label:first-of-type{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.newsletter-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.newsletter-input-row input{
  width:100%;min-width:0;padding:21px 2px;border:0;background:transparent;color:var(--ink);
  font:700 clamp(20px,2vw,31px)/1.1 var(--sans);letter-spacing:-.025em;outline:0
}
.newsletter-input-row input::placeholder{color:rgba(10,13,19,.48)}
.newsletter-input-row input:focus-visible{box-shadow:inset 0 -5px 0 var(--cobalt)}
.newsletter-input-row button{
  display:flex;align-items:center;gap:14px;padding:0 4px 0 28px;border:0;background:transparent;
  font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer
}
.newsletter-input-row button span{font-size:20px;transition:transform .2s ease}
.newsletter-input-row button:hover span{transform:translate(4px,-4px)}
.newsletter-consent{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:start;font-size:11px;line-height:1.55}
.newsletter-consent input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--cobalt)}
.newsletter-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}

/* Logbook cover */
.logbook-cover{
  --cover-accent:#8fb1ff;
  position:relative;min-height:max(800px,100svh);padding:calc(var(--header) + 42px) var(--page) 70px;
  background:var(--ink);color:var(--white);overflow:hidden;isolation:isolate
}
.logbook-cover-grid{
  position:absolute;z-index:-4;inset:var(--header) 0 0;
  background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.09) 1px),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.07) 1px);
  background-size:8.3333% 100%,100% 25%;mask-image:linear-gradient(to bottom,#000,transparent 98%)
}
.logbook-cover::before{
  content:"";position:absolute;z-index:-2;right:7vw;top:10%;width:min(46vw,720px);aspect-ratio:1;border-radius:50%;background:var(--cover-accent);transform:rotate(-9deg)
}
.logbook-cover-meta{position:relative;z-index:8;display:flex;justify-content:space-between;gap:24px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.logbook-cover-meta span:first-child{color:var(--cover-accent)}
.logbook-cover-title-wrap{position:absolute;z-index:5;left:var(--page);top:24%;width:min(57vw,980px)}
.logbook-cover-title-wrap h1{margin:0;font-size:clamp(102px,15.6vw,280px);font-weight:900;line-height:.68;letter-spacing:-.09em;text-transform:uppercase;white-space:nowrap}
.logbook-cover-title-wrap>p{max-width:42ch;margin:38px 0 0;font-family:var(--serif);font-size:clamp(23px,2.2vw,37px);line-height:1.18;letter-spacing:-.025em}
.logbook-cover-serial{display:block;margin:0 0 20px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--cover-accent)}
.logbook-cover-lead{
  position:absolute;z-index:7;right:var(--page);bottom:72px;width:min(52vw,840px);display:grid;grid-template-columns:minmax(250px,.92fr) minmax(270px,1.08fr);align-items:end
}
.logbook-cover-lead figure{position:relative;height:min(36vw,480px);overflow:hidden;border:2px solid rgba(255,255,255,.78);background:#111722}
.logbook-cover-lead figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,13,19,.5),transparent 55%)}
.logbook-cover-lead img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05)}
.logbook-cover-lead figcaption{position:absolute;z-index:2;left:12px;bottom:10px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.logbook-cover-lead>div{position:relative;margin-left:-1px;padding:32px 0 7px 34px;border-left:2px solid rgba(255,255,255,.78)}
.logbook-cover-lead>div>span{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--cover-accent)}
.logbook-cover-lead h2{max-width:12ch;margin:20px 0 17px;font-family:var(--serif);font-size:clamp(33px,3.5vw,58px);font-weight:500;line-height:.94;letter-spacing:-.045em}
.logbook-cover-lead p{max-width:42ch;margin:0 0 26px;font-size:13px;line-height:1.65;color:#c9cac7}
.logbook-cover-stamp{
  position:absolute;z-index:3;right:-30px;top:17%;width:170px;aspect-ratio:1;display:grid;place-content:center;gap:4px;border:1px solid rgba(255,255,255,.5);border-radius:50%;
  font-family:var(--mono);font-size:8px;letter-spacing:.15em;text-align:center;color:var(--ink);transform:rotate(12deg)
}
.logbook-cover-stamp::before{content:"";position:absolute;inset:16%;border:1px solid currentColor;border-radius:50%}

.logbook-index{padding:clamp(105px,11vw,175px) var(--page);background:var(--paper)}
.logbook-index-head{display:grid;grid-template-columns:minmax(130px,.32fr) minmax(420px,1fr) minmax(260px,.58fr);gap:clamp(35px,6vw,95px);align-items:start;margin-bottom:clamp(75px,9vw,130px)}
.logbook-index-head>div{display:flex;flex-direction:column;gap:28px;padding-top:12px}
.logbook-index-head .section-index{color:var(--orange)}
.logbook-index-head h2{max-width:11ch;margin:0;font-size:clamp(58px,7vw,124px);font-weight:900;line-height:.86;letter-spacing:-.072em;text-transform:uppercase}
.logbook-index-head h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--cobalt)}
.logbook-index-head>p{max-width:40ch;margin:16px 0 0;font-size:14px;line-height:1.75}
.logbook-list{border-top:2px solid var(--ink)}
.logbook-entry{display:grid;grid-template-columns:minmax(310px,.44fr) minmax(420px,.56fr);gap:clamp(36px,6vw,100px);align-items:center;padding:48px 0;border-bottom:2px solid var(--ink);min-width:0}
.logbook-entry-image{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:var(--ink)}
.logbook-entry-image::after{content:"";position:absolute;left:0;top:0;width:36%;height:7px;background:var(--entry-accent)}
.logbook-entry-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform .5s ease}
.logbook-entry-image:hover img{transform:scale(1.025)}
.logbook-entry-image>span{position:absolute;right:12px;bottom:8px;color:var(--white);font-size:clamp(54px,7vw,118px);font-weight:900;line-height:.8;letter-spacing:-.08em;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.logbook-entry-copy{min-width:0}
.logbook-entry-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:28px;font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.logbook-entry-meta span:first-child{color:var(--orange)}
.logbook-entry h3{max-width:15ch;margin:0 0 22px;font-family:var(--serif);font-size:clamp(43px,5.2vw,86px);font-weight:500;line-height:.91;letter-spacing:-.052em}
.logbook-entry-copy>p{max-width:60ch;margin:0 0 28px;font-size:14px;line-height:1.72}
.text-link{display:inline-flex;gap:12px;align-items:center;padding-bottom:5px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.text-link span{font-size:17px;transition:transform .2s ease}.text-link:hover span{transform:translate(4px,-4px)}

/* Topic manifesto and open rows */
.topic-manifesto{
  position:relative;min-height:max(820px,100svh);padding:calc(var(--header) + 48px) var(--page) 78px;background:var(--cobalt);color:var(--white);overflow:hidden;isolation:isolate
}
.topic-manifesto-grid{position:absolute;z-index:-4;inset:var(--header) 0 0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,#000,transparent 94%)}
.topic-manifesto-meta{position:relative;z-index:8;display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.topic-manifesto-meta span:first-child{color:var(--acid)}
.topic-manifesto>header{position:absolute;z-index:5;left:var(--page);top:21%;width:min(48vw,760px)}
.topic-manifesto .section-kicker{margin-bottom:26px}
.topic-manifesto h1{margin:0 0 38px;font-size:clamp(76px,10.4vw,190px);font-weight:900;line-height:.77;letter-spacing:-.082em;text-transform:uppercase}
.topic-manifesto h1 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--acid)}
.topic-manifesto header>p:last-child{max-width:39ch;margin:0;font-size:15px;line-height:1.75;color:#d9dad6}
.topic-manifesto-orbits{position:absolute;z-index:2;right:2vw;top:13%;width:min(51vw,810px);aspect-ratio:1}
.topic-manifesto-orbits::before,.topic-manifesto-orbits::after{content:"";position:absolute;inset:7%;border:1px solid rgba(255,255,255,.35);border-radius:50%}.topic-manifesto-orbits::after{inset:27%}
.topic-manifesto-orbits span{
  --angle:calc(var(--i) * 72deg - 18deg);position:absolute;left:50%;top:50%;width:clamp(150px,15vw,245px);aspect-ratio:1;display:grid;place-items:center;padding:28px;border-radius:50%;background:var(--topic);color:var(--ink);
  transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-115%) rotate(calc(-1 * var(--angle)));font-family:var(--mono);font-size:clamp(8px,.75vw,11px);font-weight:700;line-height:1.45;letter-spacing:.1em;text-align:center
}
.topic-manifesto>.arrow-link{position:absolute;z-index:7;left:var(--page);bottom:77px;color:var(--white)}
.topic-lines{background:var(--paper)}
.topic-line{--topic:#8fb1ff;position:relative;min-height:640px;display:grid;grid-template-columns:90px minmax(330px,.82fr) minmax(330px,.78fr) minmax(280px,.65fr);gap:clamp(26px,4vw,72px);align-items:center;padding:clamp(70px,8vw,125px) var(--page);border-bottom:2px solid var(--ink);overflow:hidden;isolation:isolate}
.topic-line::before{content:"";position:absolute;z-index:-2;left:-10vw;top:50%;width:clamp(330px,36vw,650px);aspect-ratio:1;border-radius:50%;background:var(--topic);transform:translateY(-50%) rotate(-8deg);opacity:.96}
.topic-line:nth-child(even)::before{left:auto;right:-12vw;transform:translateY(-50%) rotate(9deg)}
.topic-line-index{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;font-family:var(--mono);font-size:9px;letter-spacing:.1em}
.topic-line-index i{display:block;width:1px;height:42%;background:var(--ink)}
.topic-line-title{position:relative;z-index:2;min-width:0}
.topic-line-title>p{margin:0 0 22px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.topic-line-title h2{max-width:10ch;margin:0;font-size:clamp(53px,6.4vw,112px);font-weight:900;line-height:.83;letter-spacing:-.072em;text-transform:uppercase}
.topic-line figure{position:relative;z-index:2;aspect-ratio:4/5;overflow:hidden;background:var(--ink)}
.topic-line figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,13,19,.4),transparent 48%)}
.topic-line figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04)}
.topic-line figcaption{position:absolute;z-index:2;left:12px;bottom:10px;color:var(--white);font-family:var(--mono);font-size:8px;text-transform:uppercase}
.topic-line-copy{position:relative;z-index:2;align-self:end;padding-bottom:8px}
.topic-line-copy blockquote{margin:0 0 27px;font-family:var(--serif);font-size:clamp(24px,2.15vw,36px);line-height:1.18;letter-spacing:-.025em}
.topic-line-copy>p{max-width:47ch;margin:0 0 28px;font-size:13px;line-height:1.72}

/* Theme dossiers */
.dossier-hero{position:relative;min-height:max(850px,100svh);padding:calc(var(--header) + 42px) var(--page) 74px;background:var(--theme);color:var(--theme-ink);overflow:hidden;isolation:isolate}
.dossier-hero-grid{position:absolute;z-index:-4;inset:var(--header) 0 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(10,13,19,.11) 1px),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(10,13,19,.08) 1px);background-size:8.3333% 100%,100% 25%;mask-image:linear-gradient(to bottom,#000,transparent 98%)}
.dossier-meta{position:relative;z-index:8;display:flex;justify-content:space-between;gap:24px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.dossier-meta a{border-bottom:1px solid currentColor}
.dossier-heading{position:absolute;z-index:6;left:var(--page);top:21%;width:min(52vw,860px)}
.dossier-code{display:block;margin-bottom:25px;font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.dossier-heading h1{max-width:9ch;margin:0 0 34px;font-size:clamp(75px,10.3vw,188px);font-weight:900;line-height:.75;letter-spacing:-.083em;text-transform:uppercase}
.dossier-heading>p{max-width:40ch;margin:0;font-family:var(--serif);font-size:clamp(24px,2.15vw,36px);line-height:1.18;letter-spacing:-.02em}
.dossier-image{position:absolute;z-index:3;right:5vw;top:20%;width:min(45vw,690px);height:59%;overflow:hidden;border:2px solid currentColor;background:var(--ink)}
.dossier-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,transparent 52%,rgba(10,13,19,.3)),linear-gradient(to top,rgba(10,13,19,.35),transparent 48%)}
.dossier-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05)}
.dossier-image figcaption{position:absolute;z-index:2;right:12px;bottom:10px;color:var(--white);font-family:var(--mono);font-size:8px;letter-spacing:.09em;text-transform:uppercase}
.dossier-question{position:absolute;z-index:8;left:var(--page);bottom:68px;width:min(43vw,630px);margin:0;padding-top:20px;border-top:2px solid currentColor;font-family:var(--serif);font-size:clamp(24px,2.2vw,37px);line-height:1.15;letter-spacing:-.025em}
.dossier-question span{display:block;margin-bottom:12px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.dossier-disc{position:absolute;z-index:1;right:-11vw;bottom:-20vw;width:min(58vw,940px);aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.36;display:grid;place-items:center;overflow:hidden}
.dossier-disc::before,.dossier-disc::after{content:"";position:absolute;inset:15%;border:1px solid currentColor;border-radius:50%}.dossier-disc::after{inset:34%}
.dossier-disc span{font-size:clamp(82px,10vw,180px);font-weight:900;letter-spacing:-.07em;transform:rotate(-12deg);opacity:.65}
.dossier-body{display:grid;grid-template-columns:minmax(300px,.55fr) minmax(500px,1.45fr);gap:clamp(70px,10vw,170px);align-items:start;padding:clamp(105px,12vw,185px) var(--page);background:var(--paper)}
.dossier-body>aside{position:sticky;top:calc(var(--header) + 36px)}
.dossier-body .section-index{display:block;margin-bottom:34px;color:var(--orange)}
.dossier-body h2{max-width:9ch;margin:0 0 40px;font-size:clamp(55px,6.7vw,116px);font-weight:900;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}
.dossier-body h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--cobalt)}
.dossier-keywords{display:flex;flex-wrap:wrap;gap:8px}
.dossier-keywords span{padding:8px 10px;border:1px solid var(--ink);font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.dossier-prose{--article-accent:var(--theme)}
.dossier-posts{padding:clamp(100px,11vw,170px) var(--page);background:var(--paper-2)}
.dossier-posts>header{display:grid;grid-template-columns:minmax(130px,.32fr) 1fr;gap:50px;align-items:start;margin-bottom:clamp(65px,8vw,110px)}
.dossier-posts>header>div{display:flex;flex-direction:column;gap:28px;padding-top:11px}.dossier-posts .section-index{color:var(--orange)}
.dossier-posts h2{max-width:12ch;margin:0;font-size:clamp(55px,7vw,122px);font-weight:900;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}.dossier-posts h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--cobalt)}
.dossier-post-list{border-top:2px solid var(--ink)}
.dossier-post{display:grid;grid-template-columns:55px minmax(220px,.4fr) minmax(360px,1fr) 42px;gap:clamp(22px,4vw,60px);align-items:center;padding:34px 0;border-bottom:2px solid var(--ink)}
.dossier-post>span{align-self:start;padding-top:7px;font-family:var(--mono);font-size:9px;color:var(--orange)}
.dossier-post figure{aspect-ratio:16/10;overflow:hidden}.dossier-post figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}
.dossier-post>div>p:first-child{margin:0 0 13px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dossier-post h3{max-width:16ch;margin:0 0 14px;font-family:var(--serif);font-size:clamp(34px,4vw,65px);font-weight:500;line-height:.95;letter-spacing:-.04em}
.dossier-post>div>p:last-child{max-width:60ch;margin:0;font-size:13px;line-height:1.65}
.dossier-post>a{font-size:27px;transition:transform .2s ease}.dossier-post>a:hover{transform:translate(4px,-4px)}
.dossier-next,.project-related{display:grid;grid-template-columns:minmax(160px,.32fr) repeat(3,minmax(0,1fr));background:var(--ink);color:var(--white);border-top:1px solid rgba(255,255,255,.4)}
.dossier-next>.section-index,.project-related>.section-index{padding:28px;color:var(--acid)}
.dossier-next>a,.project-related>a{position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border-left:1px solid rgba(255,255,255,.4);overflow:hidden}
.dossier-next>a::before,.project-related>a::before{content:"";position:absolute;right:-25%;top:-35%;width:75%;aspect-ratio:1;border-radius:50%;background:var(--next,var(--related));opacity:.86;transition:transform .35s ease}
.dossier-next>a:hover::before,.project-related>a:hover::before{transform:scale(1.18)}
.dossier-next a span,.project-related a span{position:relative;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#c6c7c3}
.dossier-next a strong,.project-related a strong{position:relative;max-width:12ch;margin-top:10px;font-size:clamp(24px,2.5vw,42px);line-height:.95;letter-spacing:-.045em}
.dossier-next a i,.project-related a i{position:absolute;right:24px;bottom:24px;font-size:22px;font-style:normal}

/* Project atlas */
.atlas-cover{position:relative;min-height:max(820px,100svh);padding:calc(var(--header) + 42px) var(--page) 74px;background:var(--ink);color:var(--white);overflow:hidden;isolation:isolate}
.atlas-cover-grid{position:absolute;z-index:-4;inset:var(--header) 0 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.08) 1px);background-size:8.3333% 100%;mask-image:linear-gradient(to bottom,#000,transparent 96%)}
.atlas-cover-meta{position:relative;z-index:8;display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.atlas-cover-meta span:first-child{color:var(--orange)}
.atlas-cover-title{position:absolute;z-index:7;left:var(--page);top:22%;width:min(49vw,790px)}
.atlas-cover-title .section-kicker{margin-bottom:26px;color:var(--orange)}
.atlas-cover-title h1{margin:0 0 36px;font-size:clamp(76px,10.2vw,185px);font-weight:900;line-height:.76;letter-spacing:-.082em;text-transform:uppercase}.atlas-cover-title h1 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--orange)}
.atlas-cover-title>p{max-width:40ch;margin:0 0 30px;font-size:15px;line-height:1.72;color:#c8c9c5}
.atlas-cover-portrait{position:absolute;z-index:4;right:6vw;bottom:0;width:min(48vw,760px);filter:drop-shadow(0 25px 30px rgba(0,0,0,.24))}.atlas-cover-portrait img{width:100%;height:auto}
.atlas-cover-disc{position:absolute;z-index:1;right:6vw;top:11%;width:min(47vw,740px);aspect-ratio:1;border-radius:50%;background:var(--cobalt);display:grid;place-items:center;overflow:hidden}
.atlas-cover-disc::before,.atlas-cover-disc::after{content:"";position:absolute;inset:10%;border:1px solid rgba(255,255,255,.6);border-radius:50%}.atlas-cover-disc::after{inset:29%}
.atlas-cover-disc span{font-family:var(--mono);font-size:8px;letter-spacing:.18em;color:var(--acid);transform:rotate(15deg)}
.atlas-cover-number{position:absolute;z-index:2;right:-.04em;bottom:-.22em;font-size:clamp(270px,39vw,690px);font-weight:900;line-height:1;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.14)}
.project-atlas{padding:clamp(105px,12vw,185px) var(--page);background:var(--paper)}
.project-atlas-head{display:grid;grid-template-columns:minmax(130px,.32fr) minmax(420px,1fr) minmax(260px,.58fr);gap:clamp(35px,6vw,95px);align-items:start;margin-bottom:clamp(75px,9vw,130px)}
.project-atlas-head>div{display:flex;flex-direction:column;gap:28px;padding-top:12px}.project-atlas-head .section-index{color:var(--orange)}
.project-atlas-head h2{max-width:10ch;margin:0;font-size:clamp(58px,7vw,124px);font-weight:900;line-height:.86;letter-spacing:-.072em;text-transform:uppercase}.project-atlas-head h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--orange)}
.project-atlas-head>p{max-width:39ch;margin:16px 0 0;font-size:14px;line-height:1.75}
.project-atlas-layout{display:grid;grid-template-columns:minmax(290px,.52fr) minmax(540px,1.48fr);gap:clamp(55px,8vw,130px);align-items:start}
.project-atlas-poster{position:sticky;top:calc(var(--header) + 40px);width:min(32vw,430px);aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;padding:50px;border-radius:50%;background:var(--project);color:var(--project-ink);overflow:hidden;transform:rotate(-7deg);transition:background .4s ease,color .4s ease}
.project-atlas-poster::before,.project-atlas-poster::after,.project-atlas-poster i{content:"";position:absolute;inset:10%;border:1px solid currentColor;border-radius:50%;opacity:.6}.project-atlas-poster::after{inset:29%}.project-atlas-poster i{inset:42%;opacity:.75}
.project-atlas-poster .project-visual-code{position:absolute;top:16%;right:18%;font-family:var(--mono);font-size:9px;letter-spacing:.1em}
.project-atlas-poster .project-visual-name{position:relative;z-index:2;display:block;max-width:9ch;font-size:clamp(36px,3.6vw,62px);line-height:.87;letter-spacing:-.06em;transform:rotate(7deg)}
.project-atlas-poster .project-visual-kicker{position:relative;z-index:2;display:block;max-width:31ch;margin-top:16px;font-family:var(--mono);font-size:8px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;transform:rotate(7deg)}
.project-atlas-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.project-atlas-list li{position:relative;border-bottom:2px solid var(--ink)}
.project-atlas-list a{display:grid;grid-template-columns:48px minmax(0,1fr) 18px 34px;gap:20px;align-items:center;min-height:154px;padding:24px 4px 24px 0;transition:padding .25s ease}
.project-atlas-list li:hover a,.project-atlas-list li.is-active a{padding-left:18px}
.project-atlas-no{align-self:start;padding-top:6px;font-family:var(--mono);font-size:9px;color:var(--orange)}
.project-atlas-list p{margin:0 0 7px;font-family:var(--mono);font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.project-atlas-list h3{margin:0 0 10px;font-size:clamp(34px,4.1vw,69px);font-weight:900;line-height:.89;letter-spacing:-.06em}
.project-atlas-list div>span{display:block;max-width:62ch;font-size:12px;line-height:1.55;color:var(--muted)}
.project-atlas-list b{width:13px;aspect-ratio:1;border-radius:50%;background:var(--dot)}
.project-atlas-list i{font-size:24px;font-style:normal;transition:transform .2s ease}.project-atlas-list a:hover i{transform:translate(4px,-4px)}
.project-principles{padding:clamp(100px,11vw,170px) var(--page);background:var(--ink);color:var(--white)}
.project-principles>header{display:grid;grid-template-columns:minmax(130px,.3fr) 1fr;gap:50px;align-items:start;margin-bottom:clamp(65px,8vw,105px)}
.project-principles .section-index{padding-top:14px;color:var(--acid)}
.project-principles h2{max-width:12ch;margin:0;font-size:clamp(56px,7.5vw,130px);font-weight:900;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}.project-principles h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--orange)}
.project-principles>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45)}
.project-principles article{min-height:330px;padding:28px;border-right:1px solid rgba(255,255,255,.45)}.project-principles article:last-child{border-right:0}
.project-principles article>span{font-family:var(--mono);font-size:9px;color:var(--acid)}
.project-principles h3{margin:90px 0 22px;font-size:clamp(35px,3.8vw,62px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.project-principles p{max-width:35ch;margin:0;font-size:13px;line-height:1.7;color:#c8c9c5}

/* Project profile */
.project-profile-hero{position:relative;min-height:max(850px,100svh);padding:calc(var(--header) + 42px) var(--page) 74px;background:var(--project);color:var(--project-ink);overflow:hidden;isolation:isolate}
.project-profile-grid{position:absolute;z-index:-4;inset:var(--header) 0 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(10,13,19,.11) 1px);background-size:8.3333% 100%;mask-image:linear-gradient(to bottom,#000,transparent 98%)}
.project-profile-meta{position:relative;z-index:8;display:flex;justify-content:space-between;gap:24px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.project-profile-meta a{border-bottom:1px solid currentColor}
.project-profile-heading{position:absolute;z-index:7;left:var(--page);top:23%;width:min(51vw,820px)}
.project-profile-heading>p{margin:0 0 25px;font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.project-profile-heading h1{max-width:10ch;margin:0 0 33px;font-size:clamp(72px,9.6vw,177px);font-weight:900;line-height:.76;letter-spacing:-.082em;text-transform:uppercase}
.project-profile-heading>span{display:block;max-width:42ch;margin-bottom:30px;font-family:var(--serif);font-size:clamp(24px,2.15vw,36px);line-height:1.2;letter-spacing:-.025em}
.project-profile-hero>figure{position:absolute;z-index:4;right:5vw;top:19%;width:min(44vw,680px);height:61%;overflow:hidden;border:2px solid currentColor;background:var(--ink)}
.project-profile-hero>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,13,19,.36),transparent 50%)}
.project-profile-hero>figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.04)}
.project-profile-hero figcaption{position:absolute;z-index:2;right:12px;bottom:10px;color:var(--white);font-family:var(--mono);font-size:8px;text-transform:uppercase}
.project-profile-mark{position:absolute;z-index:1;right:-12vw;bottom:-20vw;width:min(59vw,940px);aspect-ratio:1;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;opacity:.36;overflow:hidden}.project-profile-mark::before,.project-profile-mark::after{content:"";position:absolute;inset:15%;border:1px solid currentColor;border-radius:50%}.project-profile-mark::after{inset:34%}
.project-profile-mark span{max-width:8ch;font-size:clamp(75px,9vw,160px);font-weight:900;line-height:.78;letter-spacing:-.07em;text-align:center;transform:rotate(-10deg);opacity:.72}
.project-profile-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));background:var(--ink);color:var(--white);border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}
.project-profile-facts>div{min-height:145px;padding:25px var(--page);border-right:1px solid rgba(255,255,255,.35)}.project-profile-facts>div:last-child{border-right:0}
.project-profile-facts span{display:block;margin-bottom:38px;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--acid)}
.project-profile-facts strong{display:block;font-size:clamp(22px,2vw,33px);line-height:1.05;letter-spacing:-.035em}
.project-profile-body{display:grid;grid-template-columns:minmax(300px,.55fr) minmax(500px,1.45fr);gap:clamp(70px,10vw,170px);align-items:start;padding:clamp(105px,12vw,185px) var(--page);background:var(--paper)}
.project-profile-body>aside{position:sticky;top:calc(var(--header) + 36px)}
.project-profile-body .section-index{display:block;margin-bottom:34px;color:var(--orange)}
.project-profile-body h2{max-width:8ch;margin:0 0 35px;font-size:clamp(55px,6.7vw,116px);font-weight:900;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}.project-profile-body h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--cobalt)}
.project-profile-body aside>p{max-width:34ch;margin:0;font-family:var(--mono);font-size:10px;line-height:1.65;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.project-profile-prose{--article-accent:var(--project)}
.project-gallery{padding:clamp(100px,11vw,170px) var(--page);background:var(--paper-2)}
.project-gallery>header{display:grid;grid-template-columns:minmax(130px,.3fr) 1fr;gap:50px;align-items:start;margin-bottom:clamp(60px,7vw,100px)}.project-gallery .section-index{padding-top:14px;color:var(--orange)}
.project-gallery h2{max-width:11ch;margin:0;font-size:clamp(55px,7vw,122px);font-weight:900;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}.project-gallery h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--cobalt)}
.project-gallery>div{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project-gallery figure{position:relative;grid-column:span 7;aspect-ratio:16/10;overflow:hidden;background:var(--ink)}.project-gallery figure:nth-child(even){grid-column:span 5}.project-gallery img{width:100%;height:100%;object-fit:cover}.project-gallery figcaption{position:absolute;left:12px;bottom:10px;padding:7px 9px;background:var(--acid);font-family:var(--mono);font-size:8px;text-transform:uppercase}

/* Person editorial profile */
.profile-cover{position:relative;min-height:max(840px,100svh);padding:calc(var(--header) + 42px) var(--page) 72px;background:var(--ink);color:var(--white);overflow:hidden;isolation:isolate}
.profile-cover-grid{position:absolute;z-index:-4;inset:var(--header) 0 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.08) 1px);background-size:8.3333% 100%;mask-image:linear-gradient(to bottom,#000,transparent 97%)}
.profile-cover-meta{position:relative;z-index:8;display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.profile-cover-meta span:first-child{color:var(--acid)}
.profile-cover>h1{position:absolute;z-index:2;left:var(--page);right:var(--page);top:19%;display:flex;flex-direction:column;margin:0;font-size:clamp(100px,14.2vw,258px);font-weight:900;line-height:.68;letter-spacing:-.088em;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.profile-cover>h1 span:first-child{color:transparent;-webkit-text-stroke:2px var(--white)}.profile-cover>h1 span:last-child{align-self:flex-end}
.profile-cover>figure{position:absolute;z-index:4;right:7vw;bottom:0;width:min(49vw,770px);filter:drop-shadow(0 25px 30px rgba(0,0,0,.24))}.profile-cover>figure img{width:100%;height:auto}
.profile-cover-disc{position:absolute;z-index:1;right:7vw;top:10%;width:min(48vw,760px);aspect-ratio:1;border-radius:50%;background:var(--cobalt);display:grid;place-items:center}.profile-cover-disc::before,.profile-cover-disc::after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.5);border-radius:50%}.profile-cover-disc::after{inset:31%}.profile-cover-disc span{font-family:var(--mono);font-size:8px;letter-spacing:.18em;color:var(--acid);transform:rotate(14deg)}
.profile-cover-copy{position:absolute;z-index:8;left:var(--page);bottom:73px;width:min(36vw,470px)}.profile-cover-copy>p{margin:0 0 20px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--acid)}.profile-cover-copy>strong{display:block;max-width:34ch;margin-bottom:29px;font-family:var(--serif);font-size:clamp(24px,2.15vw,36px);font-weight:500;line-height:1.16;letter-spacing:-.025em}
.profile-cover-vertical{position:absolute;z-index:7;right:var(--page);bottom:84px;transform:rotate(90deg) translateX(100%);transform-origin:right bottom;font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:#bbbdb9}
.profile-statement{display:grid;grid-template-columns:minmax(130px,.3fr) minmax(450px,1fr) minmax(300px,.65fr);gap:clamp(35px,6vw,95px);align-items:start;padding:clamp(105px,12vw,185px) var(--page);background:var(--paper)}
.profile-statement>.section-index{padding-top:15px;color:var(--orange)}
.profile-statement h2{max-width:12ch;margin:0;font-size:clamp(56px,7vw,122px);font-weight:900;line-height:.86;letter-spacing:-.071em;text-transform:uppercase}.profile-statement h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--cobalt)}
.profile-statement blockquote{max-width:36ch;margin:17px 0 0;font-family:var(--serif);font-size:clamp(24px,2.2vw,37px);line-height:1.26;letter-spacing:-.025em}
.profile-spread{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(460px,1.12fr) minmax(170px,.38fr);gap:clamp(35px,5vw,80px);align-items:start;padding:0 var(--page) clamp(105px,12vw,185px);background:var(--paper)}
.profile-spread>figure{position:sticky;top:calc(var(--header) + 28px);height:min(72vh,770px);overflow:hidden;background:var(--ink)}.profile-spread>figure::before{content:"";position:absolute;z-index:2;left:0;top:0;width:35%;height:8px;background:var(--cobalt)}.profile-spread>figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}.profile-spread figcaption{position:absolute;z-index:2;left:12px;bottom:10px;padding:8px 10px;background:var(--acid);font-family:var(--mono);font-size:8px;text-transform:uppercase}
.profile-prose{font-size:clamp(19px,1.5vw,24px)}
.profile-spread>aside{position:sticky;top:calc(var(--header) + 28px);padding-top:4px}.profile-spread aside .section-kicker{display:block;margin-bottom:22px;color:var(--orange)}.profile-spread aside ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}.profile-spread aside li{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.profile-spread aside b{color:var(--cobalt)}
.profile-timeline{padding:clamp(100px,11vw,170px) var(--page);background:var(--ink);color:var(--white)}
.profile-timeline>header{display:grid;grid-template-columns:minmax(130px,.3fr) minmax(430px,1fr) minmax(260px,.58fr);gap:clamp(35px,6vw,95px);align-items:start;margin-bottom:clamp(65px,8vw,105px)}.profile-timeline>header>div{display:flex;flex-direction:column;gap:28px;padding-top:12px}.profile-timeline .section-index{color:var(--acid)}
.profile-timeline h2{max-width:11ch;margin:0;font-size:clamp(56px,7vw,122px);font-weight:900;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}.profile-timeline h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--orange)}.profile-timeline header>p{max-width:39ch;margin:16px 0 0;font-size:14px;line-height:1.75;color:#c2c3c0}
.profile-timeline>ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.45)}.profile-timeline li{display:grid;grid-template-columns:55px minmax(110px,.32fr) minmax(240px,.68fr) minmax(320px,1fr);gap:clamp(20px,4vw,65px);align-items:center;min-height:135px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.45)}.profile-timeline li>span{font-family:var(--mono);font-size:9px;color:var(--acid)}.profile-timeline time{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#babbb8}.profile-timeline h3{margin:0;font-size:clamp(30px,3.4vw,57px);line-height:.92;letter-spacing:-.055em}.profile-timeline li>p{max-width:52ch;margin:0;font-size:13px;line-height:1.65;color:#c8c9c5}
.profile-perspectives{padding:clamp(100px,11vw,170px) var(--page);background:var(--cobalt);color:var(--white)}
.profile-perspectives>header{display:grid;grid-template-columns:minmax(130px,.3fr) 1fr;gap:50px;align-items:start;margin-bottom:clamp(65px,8vw,105px)}.profile-perspectives .section-index{padding-top:14px;color:var(--acid)}.profile-perspectives h2{max-width:11ch;margin:0;font-size:clamp(56px,7.5vw,130px);font-weight:900;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}.profile-perspectives h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--acid)}
.profile-perspectives>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55)}.profile-perspectives article{min-height:410px;padding:28px;border-right:1px solid rgba(255,255,255,.55)}.profile-perspectives article:last-child{border-right:0}.profile-perspectives article>span{font-family:var(--mono);font-size:9px;color:var(--acid)}.profile-perspectives h3{margin:130px 0 24px;font-size:clamp(31px,3.2vw,53px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase}.profile-perspectives p{max-width:35ch;margin:0;font-size:13px;line-height:1.7;color:#d6d7d3}
.profile-publication{min-height:730px;display:grid;grid-template-columns:minmax(420px,1.04fr) minmax(420px,.96fr);background:var(--paper-2)}.profile-publication>figure{position:relative;min-height:730px;overflow:hidden;background:var(--ink)}.profile-publication>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,13,19,.45),transparent 48%)}.profile-publication figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.76)}.profile-publication figcaption{position:absolute;z-index:2;left:18px;bottom:18px;padding:8px 10px;background:var(--acid);font-family:var(--mono);font-size:8px;text-transform:uppercase}.profile-publication>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,8vw,125px) var(--page)}.profile-publication .section-index{margin-bottom:30px;color:var(--orange)}.profile-publication .section-kicker{margin-bottom:25px}.profile-publication h2{max-width:11ch;margin:0 0 40px;font-size:clamp(54px,6.5vw,112px);font-weight:900;line-height:.87;letter-spacing:-.07em;text-transform:uppercase}.profile-publication h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--cobalt)}.profile-publication h3{max-width:28ch;margin:0 0 22px;font-family:var(--serif);font-size:clamp(25px,2.3vw,38px);font-weight:500;line-height:1.15}.profile-publication>div>p{max-width:48ch;margin:0 0 28px;font-size:14px;line-height:1.75}
.profile-contact{min-height:72svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(95px,12vw,180px) var(--page);background:var(--ink);color:var(--white)}.profile-contact .section-index{margin-bottom:35px;color:var(--acid)}.profile-contact h2{max-width:13ch;margin:0 0 36px;font-size:clamp(58px,8.2vw,145px);font-weight:900;line-height:.83;letter-spacing:-.075em;text-transform:uppercase}.profile-contact h2 em{font-family:var(--serif);font-weight:500;font-style:italic;text-transform:none;color:var(--orange)}.profile-contact>p{max-width:43ch;margin:0 0 30px;font-size:15px;line-height:1.75;color:#c6c7c3}

/* Newsletter status pages */
.newsletter-status{min-height:72svh;padding:calc(var(--header) + clamp(90px,11vw,160px)) var(--page) clamp(90px,11vw,150px);background:var(--paper)}
.newsletter-status .section-index{display:block;margin-bottom:35px;color:var(--orange)}
.newsletter-status h1{max-width:11ch;margin:0 0 38px;font-size:clamp(58px,9vw,155px);font-weight:900;line-height:.83;letter-spacing:-.077em;text-transform:uppercase}
.newsletter-status>p{max-width:55ch;margin:0 0 32px;font-family:var(--serif);font-size:clamp(22px,2.2vw,35px);line-height:1.35}
.newsletter-status .status-success{padding-left:20px;border-left:8px solid var(--cobalt)}.newsletter-status .status-error{padding-left:20px;border-left:8px solid var(--orange)}

/* Responsive CMS edition */
@media (max-width:1180px){
  .logbook-index-head,.project-atlas-head,.profile-timeline>header{grid-template-columns:120px 1fr}.logbook-index-head>p,.project-atlas-head>p,.profile-timeline header>p{grid-column:2;margin-top:0}
  .topic-line{grid-template-columns:70px minmax(280px,.72fr) minmax(280px,.72fr);gap:36px}.topic-line-copy{grid-column:2/4;margin-left:calc(70px + 36px)}
  .dossier-heading,.project-profile-heading{width:min(54vw,780px)}
  .profile-statement{grid-template-columns:120px 1fr}.profile-statement blockquote{grid-column:2;margin-top:0}
  .profile-spread{grid-template-columns:minmax(320px,.8fr) minmax(430px,1.2fr)}.profile-spread>aside{grid-column:2;position:relative;top:auto}.profile-spread>aside ol{display:grid;grid-template-columns:repeat(2,1fr)}.profile-spread aside li:nth-child(odd){border-right:1px solid var(--ink);padding-right:12px}.profile-spread aside li:nth-child(even){padding-left:12px}
  .profile-perspectives>div{grid-template-columns:repeat(2,1fr)}.profile-perspectives article:nth-child(2){border-right:0}.profile-perspectives article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.55)}
}
@media (max-width:900px){
  .footer-newsletter{grid-template-columns:1fr;gap:45px}.footer-newsletter h2{max-width:13ch}
  .logbook-cover{min-height:1040px}.logbook-cover::before{right:-12vw;top:155px;width:76vw}.logbook-cover-title-wrap{top:155px;width:85vw}.logbook-cover-title-wrap h1{font-size:clamp(88px,18vw,152px)}.logbook-cover-title-wrap>p{max-width:38ch;margin-top:26px}.logbook-cover-lead{left:var(--page);right:var(--page);bottom:65px;width:auto;grid-template-columns:minmax(250px,.85fr) 1fr}.logbook-cover-lead figure{height:380px}.logbook-cover-stamp{top:170px}
  .logbook-entry{grid-template-columns:minmax(260px,.42fr) minmax(360px,.58fr);gap:38px}
  .topic-manifesto{min-height:1000px}.topic-manifesto>header{top:155px;width:80vw}.topic-manifesto-orbits{right:-9vw;top:420px;width:83vw}.topic-manifesto>.arrow-link{bottom:55px}
  .topic-line{grid-template-columns:55px minmax(270px,1fr);min-height:0}.topic-line figure{grid-column:2}.topic-line-copy{grid-column:2;margin-left:0}.topic-line::before{width:66vw;left:-25vw}.topic-line:nth-child(even)::before{right:-28vw}
  .dossier-hero,.project-profile-hero{min-height:1050px}.dossier-heading,.project-profile-heading{top:155px;width:82vw}.dossier-image,.project-profile-hero>figure{left:24vw;right:var(--page);top:470px;width:auto;height:390px}.dossier-question{left:var(--page);right:var(--page);bottom:58px;width:auto}.dossier-disc,.project-profile-mark{right:-30vw;bottom:-24vw;width:95vw}
  .dossier-body,.project-profile-body{grid-template-columns:1fr;gap:70px}.dossier-body>aside,.project-profile-body>aside{position:relative;top:auto}
  .dossier-post{grid-template-columns:45px minmax(190px,.42fr) minmax(300px,1fr) 34px;gap:22px}
  .dossier-next,.project-related{grid-template-columns:1fr repeat(3,1fr)}.dossier-next>.section-index,.project-related>.section-index{grid-column:1/-1;border-bottom:1px solid rgba(255,255,255,.4)}.dossier-next>a:first-of-type,.project-related>a:first-of-type{border-left:0}
  .atlas-cover{min-height:990px}.atlas-cover-title{top:155px;width:72vw}.atlas-cover-disc{right:-10vw;top:265px;width:75vw}.atlas-cover-portrait{right:-1vw;width:72vw}.atlas-cover-number{font-size:58vw}.project-atlas-layout{grid-template-columns:1fr}.project-atlas-poster{position:relative;top:auto;width:min(58vw,420px);margin:0 auto 65px}.project-principles>div{grid-template-columns:1fr}.project-principles article{min-height:230px;border-right:0;border-bottom:1px solid rgba(255,255,255,.45);padding:28px 0}.project-principles article:last-child{border-bottom:0}.project-principles h3{margin-top:55px}
  .profile-cover{min-height:990px}.profile-cover>h1{top:145px;font-size:15vw}.profile-cover-disc{right:-9vw;top:205px;width:75vw}.profile-cover>figure{right:-1vw;width:73vw}.profile-cover-copy{bottom:55px;width:min(47vw,430px)}.profile-cover-vertical{display:none}
  .profile-spread{grid-template-columns:1fr}.profile-spread>figure{position:relative;top:auto;height:70vh;min-height:480px}.profile-spread>aside{grid-column:auto}
  .profile-timeline li{grid-template-columns:45px minmax(100px,.3fr) minmax(220px,.7fr);gap:24px}.profile-timeline li>p{grid-column:3}
  .profile-publication{grid-template-columns:1fr;min-height:auto}.profile-publication>figure{min-height:58vh}
}
@media (max-width:680px){
  .footer-newsletter{padding-bottom:70px;margin-bottom:70px}.footer-newsletter h2{max-width:none;font-size:clamp(42px,12.7vw,59px)}.newsletter-input-row{grid-template-columns:1fr}.newsletter-input-row button{padding:15px 2px;border-top:1px solid var(--ink);justify-content:space-between}.footer-name{font-size:clamp(43px,13.7vw,65px)}
  .logbook-cover{min-height:980px;padding-top:calc(var(--header) + 25px)}.logbook-cover-meta{font-size:8px}.logbook-cover-meta span:last-child{display:none}.logbook-cover::before{top:185px;right:-35vw;width:120vw}.logbook-cover-title-wrap{top:126px;width:auto;right:var(--page)}.logbook-cover-title-wrap h1{font-size:clamp(65px,18.8vw,94px)}.logbook-cover-title-wrap>p{font-size:clamp(21px,6.5vw,29px);max-width:30ch}.logbook-cover-lead{display:block;bottom:48px}.logbook-cover-lead figure{height:310px}.logbook-cover-lead>div{padding:22px 0 0;border-left:0}.logbook-cover-lead h2{font-size:clamp(30px,9.5vw,43px);margin:13px 0}.logbook-cover-lead p{font-size:12px;margin-bottom:16px}.logbook-cover-lead .arrow-link{font-size:8px}.logbook-cover-stamp{display:none}
  .logbook-index{padding-top:90px;padding-bottom:100px}.logbook-index-head{display:block;margin-bottom:65px}.logbook-index-head>div{margin-bottom:38px}.logbook-index-head h2{max-width:none;font-size:clamp(43px,13vw,61px)}.logbook-index-head>p{margin-top:28px}.logbook-entry{display:block;padding:34px 0}.logbook-entry-image{margin-bottom:28px}.logbook-entry-meta{margin-bottom:19px}.logbook-entry h3{font-size:clamp(37px,11.5vw,51px)}
  .topic-manifesto{min-height:930px;padding-top:calc(var(--header) + 25px)}.topic-manifesto-meta{font-size:8px}.topic-manifesto>header{top:125px;width:auto;right:var(--page)}.topic-manifesto h1{font-size:clamp(56px,16.5vw,79px);line-height:.82}.topic-manifesto header>p:last-child{font-size:13px}.topic-manifesto-orbits{top:430px;right:-20vw;width:115vw}.topic-manifesto-orbits span{width:30vw;max-width:140px;padding:15px;font-size:7px}.topic-manifesto>.arrow-link{bottom:45px}
  .topic-line{display:block;padding-top:70px;padding-bottom:75px}.topic-line-index{height:52px;flex-direction:row}.topic-line-index i{width:35%;height:1px}.topic-line-title{max-width:90%;margin-bottom:34px}.topic-line-title h2{font-size:clamp(43px,13vw,62px)}.topic-line figure{aspect-ratio:16/11;margin-bottom:32px}.topic-line-copy blockquote{font-size:26px}.topic-line::before{left:auto;right:-47vw;top:30%;width:112vw}.topic-line:nth-child(even)::before{left:-50vw;right:auto}
  .dossier-hero,.project-profile-hero{min-height:960px;padding-top:calc(var(--header) + 25px)}.dossier-meta,.project-profile-meta{font-size:8px}.dossier-meta span:last-child,.project-profile-meta span:last-child{display:none}.dossier-heading,.project-profile-heading{top:125px;width:auto;right:var(--page)}.dossier-heading h1,.project-profile-heading h1{max-width:none;font-size:clamp(53px,15.5vw,76px);line-height:.8;margin-bottom:24px}.dossier-heading>p,.project-profile-heading>span{max-width:32ch;font-size:clamp(20px,6.2vw,28px)}.dossier-image,.project-profile-hero>figure{top:430px;left:var(--page);right:var(--page);height:320px}.dossier-question{bottom:45px;font-size:clamp(21px,6.4vw,28px)}.dossier-disc,.project-profile-mark{right:-66vw;bottom:-29vw;width:145vw}
  .dossier-body,.project-profile-body{padding-top:90px;padding-bottom:100px;gap:55px}.dossier-body h2,.project-profile-body h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}.dossier-posts{padding-top:90px;padding-bottom:100px}.dossier-posts>header{display:block;margin-bottom:60px}.dossier-posts>header>div{margin-bottom:38px}.dossier-posts h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}.dossier-post{grid-template-columns:34px minmax(0,1fr) 30px;gap:13px}.dossier-post figure{grid-column:2/4}.dossier-post>div{grid-column:2}.dossier-post>div>p:last-child{font-size:12px}.dossier-next,.project-related{grid-template-columns:1fr}.dossier-next>a,.project-related>a{min-height:185px;border-left:0;border-top:1px solid rgba(255,255,255,.4)}
  .atlas-cover{min-height:930px;padding-top:calc(var(--header) + 25px)}.atlas-cover-meta{font-size:8px}.atlas-cover-title{top:125px;width:auto;right:var(--page)}.atlas-cover-title h1{font-size:clamp(56px,16vw,79px)}.atlas-cover-title>p{max-width:31ch;font-size:13px}.atlas-cover-disc{top:355px;right:-35vw;width:120vw}.atlas-cover-portrait{right:-20vw;width:120vw}.atlas-cover-number{display:none}.project-atlas{padding-top:90px;padding-bottom:100px}.project-atlas-head{display:block;margin-bottom:65px}.project-atlas-head>div{margin-bottom:38px}.project-atlas-head h2{max-width:none;font-size:clamp(43px,13vw,61px)}.project-atlas-head>p{margin-top:28px}.project-atlas-poster{width:min(82vw,360px);padding:42px}.project-atlas-list a{grid-template-columns:34px minmax(0,1fr) 12px 26px;gap:10px;min-height:0;padding:22px 0}.project-atlas-list li:hover a,.project-atlas-list li.is-active a{padding-left:10px}.project-atlas-list h3{font-size:clamp(31px,9.5vw,44px)}.project-atlas-list div>span{font-size:11px}.project-principles{padding-top:90px;padding-bottom:100px}.project-principles>header{display:block;margin-bottom:65px}.project-principles .section-index{display:block;margin-bottom:38px}.project-principles h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}
  .project-profile-facts{grid-template-columns:repeat(2,1fr)}.project-profile-facts>div{min-height:130px;padding:22px var(--page);border-bottom:1px solid rgba(255,255,255,.35)}.project-profile-facts>div:nth-child(even){border-right:0}.project-profile-facts span{margin-bottom:26px}.project-gallery{padding-top:90px;padding-bottom:100px}.project-gallery>header{display:block;margin-bottom:60px}.project-gallery .section-index{display:block;margin-bottom:38px}.project-gallery h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}.project-gallery>div{display:block}.project-gallery figure,.project-gallery figure:nth-child(even){margin-bottom:16px}
  .profile-cover{min-height:940px;padding-top:calc(var(--header) + 25px)}.profile-cover-meta{font-size:8px}.profile-cover-meta span:last-child{display:none}.profile-cover>h1{top:124px;font-size:16vw;line-height:.75}.profile-cover>h1 span:last-child{align-self:flex-start}.profile-cover-disc{top:260px;right:-35vw;width:120vw}.profile-cover>figure{right:-21vw;width:120vw}.profile-cover-copy{left:var(--page);right:var(--page);bottom:42px;width:auto;padding-top:18px;background:linear-gradient(to top,var(--ink) 0%,rgba(10,13,19,.87) 72%,transparent 100%)}.profile-cover-copy>strong{max-width:30ch;font-size:clamp(21px,6.5vw,29px)}
  .profile-statement{display:block;padding-top:90px;padding-bottom:85px}.profile-statement>.section-index{display:block;margin-bottom:38px}.profile-statement h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}.profile-statement blockquote{margin-top:42px;font-size:27px}
  .profile-spread{padding-bottom:100px}.profile-spread>figure{height:55vh;min-height:390px}.profile-prose{margin-top:38px;font-size:20px}.profile-spread>aside{margin-top:30px}.profile-spread aside ol{grid-template-columns:1fr}
  .profile-spread aside li:nth-child(odd),.profile-spread aside li:nth-child(even){border-right:0;padding-left:0;padding-right:0}
  .profile-timeline{padding-top:90px;padding-bottom:100px}.profile-timeline>header{display:block;margin-bottom:65px}.profile-timeline>header>div{margin-bottom:38px}.profile-timeline h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}.profile-timeline header>p{margin-top:28px}.profile-timeline li{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:26px 0}.profile-timeline time{grid-column:2}.profile-timeline h3{grid-column:2;font-size:clamp(29px,9vw,42px)}.profile-timeline li>p{grid-column:2}
  .profile-perspectives{padding-top:90px;padding-bottom:100px}.profile-perspectives>header{display:block;margin-bottom:65px}.profile-perspectives .section-index{display:block;margin-bottom:38px}.profile-perspectives h2{max-width:none;font-size:clamp(42px,12.5vw,58px)}.profile-perspectives>div{grid-template-columns:1fr}.profile-perspectives article,.profile-perspectives article:nth-child(2){min-height:280px;border-right:0;border-bottom:1px solid rgba(255,255,255,.55);padding:24px 0}.profile-perspectives article:last-child{border-bottom:0}.profile-perspectives h3{margin-top:65px;font-size:clamp(35px,10.5vw,48px)}
  .profile-publication>figure{min-height:430px}.profile-publication>div{padding:80px var(--page)}.profile-publication h2{max-width:none;font-size:clamp(43px,12.5vw,60px)}.profile-contact{padding-top:95px;padding-bottom:100px}.profile-contact h2{max-width:none;font-size:clamp(46px,13.5vw,67px)}
  .newsletter-status h1{max-width:none;font-size:clamp(46px,13.5vw,70px)}
}
@media (max-width:390px){
  .logbook-cover-title-wrap h1{font-size:63px}.topic-manifesto h1,.atlas-cover-title h1{font-size:54px}.dossier-heading h1,.project-profile-heading h1{font-size:51px}.profile-cover>h1{font-size:15.4vw}
  .logbook-index-head h2,.project-atlas-head h2,.dossier-body h2,.dossier-posts h2,.project-profile-body h2,.project-gallery h2,.project-principles h2,.profile-statement h2,.profile-timeline h2,.profile-perspectives h2{font-size:40px}
}

@media (prefers-reduced-motion:reduce){
  .hero-orbit-spinner,.person-cover-orbit,.ribbon-track,.projects-cover-ticker>div{animation:none!important}
  .logbook-entry-image img,.topic-line,.project-atlas-list a{transition:none!important}
}

/* Final 320px overflow guards */
@media (max-width:680px){
  .dossier-disc,.project-profile-mark{right:0;bottom:-31vw;width:100vw;max-width:100%;}
  .dossier-disc span,.project-profile-mark span{max-width:100%;overflow-wrap:anywhere;}
  .project-profile-facts strong{overflow-wrap:anywhere;word-break:break-word;}
}
@media (max-width:680px){
  .dossier-disc span,.project-profile-mark span{
    display:block;width:78%;max-width:78%;font-size:clamp(44px,15vw,66px);line-height:.82;text-align:center;transform:none;
  }
}
/* Prevent decorative off-canvas circles from creating a horizontal scroll range. */
html,body{max-width:100%;overflow-x:clip}

/* Ultra-narrow decorative fallback: preserve content width and remove nonessential overlap. */
@media (max-width:340px){
  .dossier-disc,.project-profile-mark{display:none}
}

/* ============================================================
   Revision 08 — stabile Unterseiten, redaktionelles Logbuch,
   getrennte Newsletter-Fläche und kommunale Perspektive
   ============================================================ */

/* Deutliche Tastaturfokussierung auf allen öffentlichen Seiten. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:3px solid var(--orange);
  outline-offset:4px;
}

/* Startseite: klarer, eigenständiger Einstieg in das Logbuch. */
.home-page .journal-preview{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.home-page .journal-preview::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:clamp(75px,8vw,130px);
  right:-9vw;
  width:clamp(280px,31vw,560px);
  aspect-ratio:1;
  border-radius:50%;
  background:var(--cobalt);
  opacity:.1;
}
.home-page .journal-head{
  position:relative;
  grid-template-columns:minmax(150px,.32fr) minmax(430px,1.18fr) minmax(260px,.5fr);
  gap:clamp(34px,5.5vw,92px);
  padding-top:34px;
  border-top:2px solid var(--ink);
  isolation:isolate;
}
.home-page .journal-head::after{
  content:"01";
  position:absolute;
  z-index:-1;
  right:18%;
  top:-.12em;
  font-size:clamp(150px,22vw,390px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.09em;
  color:transparent;
  -webkit-text-stroke:1px rgba(40,85,255,.18);
  pointer-events:none;
}
.home-page .journal-meta{
  min-height:100%;
  justify-content:flex-start;
  gap:28px;
}
.home-page .journal-head-code{
  display:block;
  max-width:15ch;
  margin-top:auto;
  padding-top:34px;
  font-family:var(--mono);
  font-size:9px;
  line-height:1.65;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--muted);
}
.home-page .journal-title-block{
  position:relative;
  z-index:2;
}
.home-page .journal-title-block h2{
  max-width:11ch;
  font-size:clamp(58px,6.8vw,122px);
  line-height:.84;
  text-wrap:balance;
}
.home-page .journal-title-block h2 em{
  color:var(--cobalt);
}
.home-page .journal-intro{
  align-self:center;
  padding:4px 0 4px 26px;
  border-top:0;
  border-left:2px solid var(--cobalt);
}
.home-page .journal-intro p{
  max-width:39ch;
  margin-bottom:32px;
  font-size:14px;
  line-height:1.78;
}

/* Logbuch-Übersicht: statisches Editorial-Grid statt überlagerter Bühne. */
.logbook-cover--editorial{
  min-height:auto;
  padding:calc(var(--header) + 42px) var(--page) clamp(80px,8vw,125px);
  background:var(--ink);
  color:var(--white);
}
.logbook-cover--editorial::before{
  right:-8vw;
  top:13%;
  width:min(49vw,780px);
  opacity:.94;
}
.logbook-cover--editorial .logbook-cover-meta{
  position:relative;
  margin-bottom:clamp(70px,8vw,125px);
}
.logbook-cover-layout{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);
  grid-template-areas:
    "title lead"
    "intro lead";
  gap:clamp(48px,8vw,130px);
  align-items:start;
}
.logbook-cover--editorial .logbook-cover-title-wrap{
  position:relative;
  left:auto;
  top:auto;
  width:auto;
  grid-area:title;
}
.logbook-cover--editorial .logbook-cover-serial{
  margin-bottom:24px;
}
.logbook-cover--editorial .logbook-cover-title-wrap h1{
  font-size:clamp(88px,11.8vw,215px);
  line-height:.7;
  white-space:normal;
  text-wrap:balance;
}
.logbook-cover--editorial .logbook-cover-title-wrap>p{
  max-width:13ch;
  margin-top:42px;
  font-size:clamp(28px,3vw,48px);
  line-height:1.02;
}
.logbook-cover--editorial .logbook-cover-title-wrap>p em{
  color:var(--cover-accent);
  font-weight:500;
}
.logbook-cover-intro{
  grid-area:intro;
  align-self:end;
  max-width:47ch;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.48);
}
.logbook-cover-intro>p{
  margin:0 0 30px;
  font-size:14px;
  line-height:1.75;
  color:#d4d5d1;
}
.logbook-cover--editorial .logbook-cover-lead{
  position:relative;
  right:auto;
  bottom:auto;
  width:auto;
  grid-area:lead;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-self:start;
}
.logbook-cover--editorial .logbook-cover-lead figure{
  height:auto;
  aspect-ratio:16/10;
  border-color:rgba(255,255,255,.86);
}
.logbook-cover--editorial .logbook-cover-lead>div{
  margin:0;
  padding:30px 0 0;
  border-left:0;
  border-top:2px solid rgba(255,255,255,.82);
}
.logbook-cover--editorial .logbook-cover-lead h2{
  max-width:13ch;
  font-size:clamp(38px,4vw,66px);
}
.logbook-cover--editorial .logbook-cover-stamp{
  top:auto;
  right:calc(var(--page) - 25px);
  bottom:35px;
  color:var(--white);
  opacity:.5;
}

/* Themenübersicht: Bild, Überschrift und Text haben eigene Flächen. */
.themes-redesign-page .topic-line{
  min-height:620px;
  grid-template-columns:64px minmax(0,1fr) minmax(330px,.82fr);
  grid-template-rows:auto 1fr;
  gap:clamp(30px,5vw,82px);
  align-items:center;
  padding:clamp(80px,8vw,130px) var(--page);
}
.themes-redesign-page .topic-line::before{
  left:8vw;
  right:auto;
  top:50%;
  width:clamp(300px,31vw,540px);
  transform:translateY(-50%);
  opacity:.9;
}
.themes-redesign-page .topic-line:nth-child(even)::before{
  left:auto;
  right:7vw;
  transform:translateY(-50%);
}
.themes-redesign-page .topic-line-index{
  grid-column:1;
  grid-row:1/3;
}
.themes-redesign-page .topic-line-title{
  grid-column:2;
  grid-row:1;
  align-self:end;
  padding-top:22px;
}
.themes-redesign-page .topic-line-title h2{
  max-width:12ch;
  font-size:clamp(48px,4.8vw,86px);
  line-height:.88;
  letter-spacing:-.065em;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:auto;
  text-wrap:balance;
}
.themes-redesign-page .topic-line figure{
  grid-column:3;
  grid-row:1/3;
  width:100%;
  aspect-ratio:4/3;
  align-self:center;
  box-shadow:18px 18px 0 rgba(10,13,19,.1);
}
.themes-redesign-page .topic-line-copy{
  grid-column:2;
  grid-row:2;
  align-self:start;
  max-width:47ch;
  padding:30px 0 0;
  border-top:1px solid var(--ink);
}
.themes-redesign-page .topic-line-copy blockquote{
  max-width:25ch;
  margin-bottom:22px;
}
.themes-redesign-page .topic-line:nth-child(even) .topic-line-title,
.themes-redesign-page .topic-line:nth-child(even) .topic-line-copy{
  grid-column:3;
}
.themes-redesign-page .topic-line:nth-child(even) figure{
  grid-column:2;
}

/* Themen-Dossiers: echtes Grid, keine Überschriften über Bildern. */
.theme-dossier-page .dossier-hero{
  min-height:auto;
  display:grid;
  grid-template-columns:minmax(390px,.9fr) minmax(440px,1.1fr);
  grid-template-rows:auto auto auto;
  gap:clamp(42px,6vw,95px);
  padding:calc(var(--header) + 42px) var(--page) clamp(78px,8vw,120px);
  align-items:start;
}
.theme-dossier-page .dossier-meta{
  position:relative;
  grid-column:1/-1;
  grid-row:1;
  margin-bottom:clamp(28px,4vw,55px);
}
.theme-dossier-page .dossier-heading{
  position:relative;
  left:auto;
  top:auto;
  width:auto;
  grid-column:1;
  grid-row:2;
  z-index:6;
  align-self:start;
}
.theme-dossier-page .dossier-heading h1{
  max-width:9.5ch;
  margin-bottom:35px;
  font-size:clamp(66px,7.7vw,142px);
  line-height:.79;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:auto;
  text-wrap:balance;
}
.theme-dossier-page .dossier-heading>p{
  max-width:40ch;
  font-size:clamp(22px,2vw,34px);
}
.theme-dossier-page .dossier-image{
  position:relative;
  right:auto;
  top:auto;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  grid-column:2;
  grid-row:2/4;
  align-self:stretch;
  z-index:4;
  box-shadow:20px 20px 0 rgba(10,13,19,.12);
}
.theme-dossier-page .dossier-question{
  position:relative;
  left:auto;
  bottom:auto;
  width:auto;
  max-width:47ch;
  grid-column:1;
  grid-row:3;
  align-self:end;
  margin-top:10px;
}
.theme-dossier-page .dossier-disc{
  z-index:1;
  right:-18vw;
  bottom:-22vw;
  width:min(52vw,820px);
  pointer-events:none;
}
.theme-dossier-page .dossier-body{
  grid-template-columns:minmax(280px,.48fr) minmax(0,1.52fr);
  gap:clamp(65px,9vw,155px);
}
.theme-dossier-page .dossier-prose{
  max-width:850px;
}

/* Inhaltliche Vertiefung der Themen-Dossiers. */
.dossier-lens{
  padding:clamp(100px,11vw,170px) var(--page);
  background:var(--paper-2);
}
.dossier-lens>header{
  display:grid;
  grid-template-columns:minmax(130px,.3fr) minmax(430px,1fr) minmax(260px,.55fr);
  gap:clamp(35px,6vw,90px);
  align-items:start;
  margin-bottom:clamp(68px,8vw,115px);
}
.dossier-lens>header>div{
  display:flex;
  flex-direction:column;
  gap:28px;
  padding-top:12px;
}
.dossier-lens .section-index{color:var(--orange)}
.dossier-lens h2{
  max-width:12ch;
  margin:0;
  font-size:clamp(55px,6.8vw,118px);
  font-weight:900;
  line-height:.86;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.dossier-lens h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--cobalt);
}
.dossier-lens>header>p{
  max-width:39ch;
  margin:15px 0 0;
  font-size:14px;
  line-height:1.75;
}
.dossier-lens-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
}
.dossier-lens-grid article{
  min-height:360px;
  display:flex;
  flex-direction:column;
  padding:28px clamp(24px,3vw,46px) 34px;
  border-right:1px solid var(--ink);
}
.dossier-lens-grid article:last-child{border-right:0}
.dossier-lens-grid article>span{
  font-family:var(--mono);
  font-size:9px;
  color:var(--orange);
}
.dossier-lens-grid h3{
  max-width:13ch;
  margin:auto 0 24px;
  font-size:clamp(34px,3.3vw,55px);
  line-height:.92;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.dossier-lens-grid p{
  max-width:38ch;
  margin:0;
  font-size:13px;
  line-height:1.72;
  color:var(--muted);
}
.dossier-local-note{
  position:relative;
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);
  gap:clamp(55px,9vw,150px);
  align-items:center;
  padding:clamp(95px,10vw,155px) var(--page);
  background:var(--ink);
  color:var(--white);
  overflow:hidden;
}
.dossier-local-marker{
  position:relative;
  width:min(38vw,570px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--theme);
  color:var(--theme-ink);
}
.dossier-local-marker::before,
.dossier-local-marker::after{
  content:"";
  position:absolute;
  inset:14%;
  border:1px solid currentColor;
  border-radius:50%;
  opacity:.55;
}
.dossier-local-marker::after{inset:31%}
.dossier-local-marker span{
  font-size:clamp(55px,7vw,112px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-.07em;
  transform:rotate(-9deg);
}
.dossier-local-note>div:last-child{
  position:relative;
  z-index:2;
}
.dossier-local-note .section-index{
  display:block;
  margin-bottom:35px;
  color:var(--theme);
}
.dossier-local-note h2{
  max-width:13ch;
  margin:0 0 38px;
  font-family:var(--serif);
  font-size:clamp(48px,5.7vw,96px);
  font-weight:500;
  line-height:.94;
  letter-spacing:-.045em;
}
.dossier-local-note p{
  max-width:58ch;
  margin:0;
  font-size:16px;
  line-height:1.78;
  color:#d6d7d3;
}

/* Newsletter und eigentlicher Footer erhalten klar getrennte Farbräume. */
.site-footer{
  padding-top:0;
}
.footer-newsletter{
  margin:0 calc(var(--page) * -1);
  padding:clamp(82px,9vw,145px) var(--page);
  background:var(--cobalt);
  color:var(--white);
  border-bottom:2px solid var(--ink);
}
.footer-newsletter .section-index{color:var(--acid)}
.footer-newsletter>div>p{color:#e4e7ff}
.footer-newsletter .newsletter-input-row{
  border-color:var(--white);
}
.footer-newsletter .newsletter-input-row input{
  color:var(--white);
}
.footer-newsletter .newsletter-input-row input::placeholder{
  color:rgba(255,255,255,.62);
}
.footer-newsletter .newsletter-input-row input:focus-visible{
  box-shadow:inset 0 -5px 0 var(--acid);
}
.footer-newsletter .newsletter-input-row button{
  color:var(--white);
}
.footer-newsletter .newsletter-consent{
  color:#eef0ff;
}
.footer-newsletter .newsletter-consent input{accent-color:var(--acid)}
.site-footer>.footer-top{
  padding-top:clamp(72px,8vw,115px);
}

/* Person: Perspektiven und öffentliche Verantwortung. */
.profile-perspectives h2{
  max-width:13ch;
}
.profile-perspectives article h3{
  max-width:12ch;
  font-size:clamp(29px,2.75vw,48px);
  overflow-wrap:normal;
  hyphens:auto;
}
.profile-civic{
  position:relative;
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);
  gap:clamp(55px,9vw,150px);
  align-items:center;
  padding:clamp(105px,11vw,175px) var(--page);
  background:var(--paper);
  overflow:hidden;
}
.profile-civic-mark{
  position:relative;
  width:min(38vw,580px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--acid);
}
.profile-civic-mark::before,
.profile-civic-mark::after{
  content:"";
  position:absolute;
  inset:13%;
  border:1px solid var(--ink);
  border-radius:50%;
  opacity:.42;
}
.profile-civic-mark::after{inset:31%}
.profile-civic-mark span{
  font-size:clamp(55px,7vw,116px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-.075em;
  transform:rotate(-10deg);
}
.profile-civic-copy .section-index{
  display:block;
  margin-bottom:34px;
  color:var(--orange);
}
.profile-civic-copy h2{
  max-width:12ch;
  margin:0 0 42px;
  font-size:clamp(58px,7vw,120px);
  font-weight:900;
  line-height:.85;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.profile-civic-copy h2 em{
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--cobalt);
}
.profile-civic-copy>p{
  max-width:62ch;
  margin:0 0 20px;
  font-size:15px;
  line-height:1.78;
}
.profile-civic-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:48px;
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
}
.profile-civic-steps span{
  padding:17px 12px;
  border-right:1px solid var(--ink);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
  text-align:center;
  text-transform:uppercase;
}
.profile-civic-steps span:last-child{border-right:0}

@media (max-width:1180px){
  .home-page .journal-head{
    grid-template-columns:minmax(120px,.25fr) minmax(0,1fr);
  }
  .home-page .journal-intro{
    grid-column:2;
    max-width:620px;
  }
  .logbook-cover-layout{
    grid-template-columns:minmax(310px,.75fr) minmax(440px,1.25fr);
    gap:55px;
  }
  .themes-redesign-page .topic-line{
    grid-template-columns:50px minmax(0,1fr) minmax(290px,.78fr);
    gap:34px;
  }
  .themes-redesign-page .topic-line-title h2{font-size:clamp(45px,5.5vw,68px)}
  .theme-dossier-page .dossier-hero{
    grid-template-columns:minmax(330px,.9fr) minmax(390px,1.1fr);
    gap:48px;
  }
  .theme-dossier-page .dossier-heading h1{font-size:clamp(60px,8vw,104px)}
  .dossier-local-note,
  .profile-civic{
    grid-template-columns:minmax(300px,.72fr) minmax(430px,1.28fr);
    gap:65px;
  }
}

@media (max-width:900px){
  .home-page .journal-head{
    display:grid;
    grid-template-columns:1fr;
    gap:34px;
  }
  .home-page .journal-title-block,
  .home-page .journal-intro{
    grid-column:1;
  }
  .home-page .journal-meta{
    min-height:0;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:start;
  }
  .home-page .journal-head-code{
    grid-column:1/-1;
    max-width:none;
    margin:0;
    padding-top:8px;
  }
  .home-page .journal-intro{
    padding-left:22px;
  }
  .logbook-cover-layout{
    grid-template-columns:1fr;
    grid-template-areas:"title" "intro" "lead";
  }
  .logbook-cover--editorial::before{
    right:-24vw;
    top:33%;
    width:90vw;
  }
  .logbook-cover--editorial .logbook-cover-title-wrap h1{
    font-size:clamp(82px,17vw,145px);
  }
  .logbook-cover--editorial .logbook-cover-title-wrap>p{
    max-width:16ch;
  }
  .logbook-cover--editorial .logbook-cover-lead{
    max-width:760px;
  }
  .themes-redesign-page .topic-line,
  .themes-redesign-page .topic-line:nth-child(even){
    min-height:0;
    display:grid;
    grid-template-columns:45px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:28px;
  }
  .themes-redesign-page .topic-line-index{
    grid-column:1;
    grid-row:1/4;
  }
  .themes-redesign-page .topic-line-title,
  .themes-redesign-page .topic-line:nth-child(even) .topic-line-title{
    grid-column:2;
    grid-row:1;
  }
  .themes-redesign-page .topic-line figure,
  .themes-redesign-page .topic-line:nth-child(even) figure{
    grid-column:2;
    grid-row:2;
    aspect-ratio:16/10;
  }
  .themes-redesign-page .topic-line-copy,
  .themes-redesign-page .topic-line:nth-child(even) .topic-line-copy{
    grid-column:2;
    grid-row:3;
  }
  .themes-redesign-page .topic-line::before,
  .themes-redesign-page .topic-line:nth-child(even)::before{
    left:auto;
    right:-22vw;
    top:20%;
    width:72vw;
    transform:none;
  }
  .theme-dossier-page .dossier-hero{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto auto;
  }
  .theme-dossier-page .dossier-meta{grid-column:1;grid-row:1}
  .theme-dossier-page .dossier-heading{grid-column:1;grid-row:2}
  .theme-dossier-page .dossier-image{
    grid-column:1;
    grid-row:3;
    max-width:760px;
    aspect-ratio:16/10;
  }
  .theme-dossier-page .dossier-question{
    grid-column:1;
    grid-row:4;
    max-width:62ch;
  }
  .theme-dossier-page .dossier-disc{display:none}
  .theme-dossier-page .dossier-body{
    grid-template-columns:1fr;
  }
  .theme-dossier-page .dossier-body>aside{
    position:relative;
    top:auto;
  }
  .dossier-lens>header{
    grid-template-columns:1fr;
    gap:30px;
  }
  .dossier-lens-grid{
    grid-template-columns:1fr;
  }
  .dossier-lens-grid article{
    min-height:260px;
    border-right:0;
    border-bottom:1px solid var(--ink);
  }
  .dossier-lens-grid article:last-child{border-bottom:0}
  .dossier-local-note,
  .profile-civic{
    min-height:0;
    grid-template-columns:1fr;
  }
  .dossier-local-marker,
  .profile-civic-mark{
    width:min(65vw,470px);
  }
  .profile-perspectives>div{
    grid-template-columns:repeat(2,1fr);
  }
  .profile-perspectives article:nth-child(2){border-right:0}
  .profile-perspectives article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.55)}
}

@media (max-width:680px){
  .home-page .journal-preview{
    padding-top:88px;
    padding-bottom:92px;
  }
  .home-page .journal-head{
    margin-bottom:62px;
  }
  .home-page .journal-head::after{display:none}
  .home-page .journal-title-block h2{
    max-width:none;
    font-size:clamp(42px,12.8vw,59px);
  }
  .home-page .journal-intro{
    padding-left:17px;
  }
  .logbook-cover--editorial{
    padding-top:calc(var(--header) + 25px);
    padding-bottom:75px;
  }
  .logbook-cover--editorial .logbook-cover-meta{
    margin-bottom:58px;
    font-size:8px;
  }
  .logbook-cover--editorial .logbook-cover-meta span:last-child{display:none}
  .logbook-cover-layout{gap:45px}
  .logbook-cover--editorial .logbook-cover-title-wrap h1{
    font-size:clamp(64px,19.5vw,92px);
  }
  .logbook-cover--editorial .logbook-cover-title-wrap>p{
    margin-top:28px;
    font-size:clamp(25px,7.8vw,34px);
  }
  .logbook-cover--editorial .logbook-cover-lead>div{
    padding-top:22px;
  }
  .logbook-cover--editorial .logbook-cover-lead h2{
    font-size:clamp(31px,9.8vw,43px);
  }
  .logbook-cover--editorial .logbook-cover-stamp{display:none}
  .themes-redesign-page .topic-line,
  .themes-redesign-page .topic-line:nth-child(even){
    display:block;
    padding-top:68px;
    padding-bottom:74px;
  }
  .themes-redesign-page .topic-line-index{
    height:48px;
    flex-direction:row;
  }
  .themes-redesign-page .topic-line-index i{
    width:38%;
    height:1px;
  }
  .themes-redesign-page .topic-line-title{
    margin:0 0 32px;
    padding-top:0;
  }
  .themes-redesign-page .topic-line-title h2{
    max-width:12ch;
    font-size:clamp(42px,12.4vw,58px);
  }
  .themes-redesign-page .topic-line figure{
    margin:0 0 30px;
    aspect-ratio:16/10;
    box-shadow:10px 10px 0 rgba(10,13,19,.1);
  }
  .themes-redesign-page .topic-line-copy{
    padding-top:25px;
  }
  .themes-redesign-page .topic-line::before,
  .themes-redesign-page .topic-line:nth-child(even)::before{
    right:-46vw;
    top:18%;
    width:108vw;
  }
  .theme-dossier-page .dossier-hero{
    min-height:0;
    padding-top:calc(var(--header) + 25px);
    gap:35px;
  }
  .theme-dossier-page .dossier-meta{
    margin-bottom:28px;
    font-size:8px;
  }
  .theme-dossier-page .dossier-meta span:last-child{display:none}
  .theme-dossier-page .dossier-heading h1{
    max-width:11ch;
    font-size:clamp(49px,14.7vw,70px);
    margin-bottom:24px;
  }
  .theme-dossier-page .dossier-heading>p{
    font-size:clamp(20px,6.2vw,27px);
  }
  .theme-dossier-page .dossier-image{
    height:auto;
    aspect-ratio:16/10;
    box-shadow:10px 10px 0 rgba(10,13,19,.12);
  }
  .theme-dossier-page .dossier-question{
    font-size:clamp(21px,6.4vw,28px);
  }
  .dossier-lens{
    padding-top:88px;
    padding-bottom:96px;
  }
  .dossier-lens h2{
    max-width:none;
    font-size:clamp(41px,12.5vw,57px);
  }
  .dossier-lens-grid article{
    min-height:245px;
    padding:24px 0 30px;
  }
  .dossier-lens-grid h3{
    margin-top:70px;
    font-size:clamp(33px,10vw,45px);
  }
  .dossier-local-note,
  .profile-civic{
    padding-top:88px;
    padding-bottom:96px;
    gap:55px;
  }
  .dossier-local-marker,
  .profile-civic-mark{
    width:min(78vw,340px);
  }
  .dossier-local-note h2{
    max-width:none;
    font-size:clamp(39px,11.8vw,54px);
  }
  .profile-civic-copy h2{
    max-width:none;
    font-size:clamp(42px,12.7vw,58px);
  }
  .profile-civic-steps{
    grid-template-columns:repeat(2,1fr);
  }
  .profile-civic-steps span:nth-child(2){border-right:0}
  .profile-civic-steps span:nth-child(-n+2){border-bottom:1px solid var(--ink)}
  .footer-newsletter{
    margin:0 calc(var(--page) * -1);
    padding-top:78px;
    padding-bottom:78px;
  }
  .footer-newsletter .newsletter-input-row button{
    border-color:rgba(255,255,255,.7);
  }
  .site-footer>.footer-top{
    padding-top:70px;
  }
  .profile-perspectives>div{
    grid-template-columns:1fr;
  }
  .profile-perspectives article,
  .profile-perspectives article:nth-child(2){
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.55);
  }
  .profile-perspectives article:last-child{border-bottom:0}
}

/* ==========================================================================
   Editorial refinement 10 — Logbuch, sichere Typografie und klare Bildräume
   ========================================================================== */

/* Große Überschriften dürfen charaktervoll bleiben, aber keine Nachbarspalte
   überdecken. Die Begrenzungen gelten bewusst nur für redaktionelle Seiten. */
.subpage :where(h1,h2,h3){
  min-width:0;
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:auto;
  text-wrap:balance;
}
.article-hero-copy,
.topic-line-title,
.topic-line-copy,
.dossier-heading,
.project-profile-heading,
.atlas-cover-title,
.project-atlas-summary{
  min-width:0;
}
.article-hero h1{
  max-width:12.5ch;
  font-size:clamp(52px,6.1vw,108px);
  line-height:.84;
  letter-spacing:-.068em;
}
.article-hero-copy>p{max-width:48ch}
.article-body h2{
  max-width:18ch;
  font-size:clamp(35px,3.8vw,59px);
  line-height:1;
}
.related-section h2,
.logbook-index-head h2,
.dossier-lens h2,
.project-atlas-head h2,
.project-principles h2,
.profile-timeline h2,
.profile-perspectives h2,
.profile-publication h2,
.profile-contact h2,
.profile-civic-copy h2{
  font-size:clamp(48px,6.2vw,102px);
  line-height:.88;
}

/* Logbuch: chronologisches Register statt einer zweiten Themenbühne. */
.logbook-register{
  --register-accent:#8fb1ff;
  position:relative;
  padding:calc(var(--header) + 42px) var(--page) 0;
  background:var(--paper);
  color:var(--ink);
  overflow:hidden;
  isolation:isolate;
  border-bottom:2px solid var(--ink);
}
.logbook-register::before{
  content:"";
  position:absolute;
  z-index:-2;
  right:-9vw;
  top:15%;
  width:min(38vw,620px);
  aspect-ratio:1;
  border:2px solid var(--ink);
  border-radius:50%;
  opacity:.1;
}
.logbook-register::after{
  content:"";
  position:absolute;
  z-index:-3;
  left:0;
  top:var(--header);
  width:12px;
  height:calc(100% - var(--header));
  background:var(--register-accent);
}
.logbook-register-grid{
  position:absolute;
  z-index:-4;
  inset:var(--header) 0 0;
  background-image:
    linear-gradient(to right,transparent calc(100% - 1px),rgba(10,13,19,.07) 1px),
    linear-gradient(to bottom,transparent calc(100% - 1px),rgba(10,13,19,.055) 1px);
  background-size:8.3333% 100%,100% 25%;
  mask-image:linear-gradient(to bottom,#000,transparent 96%);
}
.logbook-register-meta{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:space-between;
  gap:24px;
  margin-bottom:clamp(65px,7vw,105px);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.logbook-register-meta span:first-child{color:var(--cobalt)}
.logbook-register-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(360px,.86fr) minmax(520px,1.14fr);
  gap:clamp(60px,8vw,130px);
  align-items:start;
  padding-bottom:clamp(75px,8vw,120px);
}
.logbook-register-heading{
  align-self:center;
  padding:0 0 25px;
}
.logbook-register-heading .section-kicker{
  margin-bottom:28px;
  color:var(--orange);
}
.logbook-register-heading h1{
  max-width:9.5ch;
  margin:0 0 38px;
  font-size:clamp(60px,7vw,120px);
  font-weight:900;
  line-height:.84;
  letter-spacing:-.072em;
  text-transform:uppercase;
}
.logbook-register-heading h1 em{
  display:inline-block;
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--cobalt);
}
.logbook-register-heading>p{
  max-width:54ch;
  margin:0;
  padding-left:20px;
  border-left:6px solid var(--register-accent);
  font-size:15px;
  line-height:1.75;
}
.logbook-register-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:24px 32px;
  margin-top:36px;
}
.logbook-register-actions .text-link{margin:0}
.logbook-register-feature{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-self:start;
  min-width:0;
  padding:22px;
  background:var(--ink);
  color:var(--white);
  box-shadow:22px 22px 0 var(--register-accent);
}
.logbook-register-feature-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:2px 2px 18px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#bfc1bd;
}
.logbook-register-feature-meta span{color:var(--register-accent)}
.logbook-register-feature figure{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111722;
}
.logbook-register-feature figure a{display:block;width:100%;height:100%}
.logbook-register-feature figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.82) contrast(1.04);
  transition:transform .45s ease;
}
.logbook-register-feature figure a:hover img{transform:scale(1.025)}
.logbook-register-feature figcaption{
  position:absolute;
  left:12px;
  bottom:10px;
  padding:6px 8px;
  background:rgba(10,13,19,.78);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.logbook-register-feature-copy{
  padding:30px 4px 8px;
  border-top:2px solid rgba(255,255,255,.82);
}
.logbook-register-feature-copy>p{
  margin:0 0 20px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--register-accent);
}
.logbook-register-feature-copy h2{
  max-width:13ch;
  margin:0 0 19px;
  font-family:var(--serif);
  font-size:clamp(37px,3.8vw,60px);
  font-weight:500;
  line-height:.96;
  letter-spacing:-.045em;
}
.logbook-register-feature-copy>span{
  display:block;
  max-width:58ch;
  margin:0 0 26px;
  color:#c9cac7;
  font-size:13px;
  line-height:1.68;
}
.logbook-register-feature-copy .arrow-link{color:var(--white)}
.logbook-register-ledger{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:2px solid var(--ink);
}
.logbook-register-ledger span{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px;
  border-right:1px solid var(--ink);
  font-family:var(--mono);
  font-size:8px;
  font-weight:700;
  letter-spacing:.09em;
  text-align:center;
  text-transform:uppercase;
}
.logbook-register-ledger span:last-child{border-right:0}

/* Themen: auf großen Bildschirmen vier klar getrennte Spalten. */
.topic-manifesto h1{
  max-width:8.5ch;
  font-size:clamp(62px,8.1vw,136px);
  line-height:.82;
}
.topic-manifesto>header{width:min(43vw,700px)}
.themes-redesign-page .topic-line,
.themes-redesign-page .topic-line:nth-child(even){
  min-height:620px;
  grid-template-columns:56px minmax(240px,.86fr) minmax(300px,.92fr) minmax(250px,.72fr);
  grid-template-rows:1fr;
  gap:clamp(28px,4vw,64px);
  align-items:center;
}
.themes-redesign-page .topic-line-index{
  grid-column:1;
  grid-row:1;
}
.themes-redesign-page .topic-line-title,
.themes-redesign-page .topic-line:nth-child(even) .topic-line-title{
  grid-column:2;
  grid-row:1;
  align-self:center;
  padding:0;
}
.themes-redesign-page .topic-line-title h2{
  max-width:11ch;
  font-size:clamp(42px,3.75vw,68px);
  line-height:.9;
  letter-spacing:-.058em;
}
.themes-redesign-page .topic-line figure,
.themes-redesign-page .topic-line:nth-child(even) figure{
  grid-column:3;
  grid-row:1;
  width:100%;
  max-height:480px;
  aspect-ratio:4/5;
}
.themes-redesign-page .topic-line-copy,
.themes-redesign-page .topic-line:nth-child(even) .topic-line-copy{
  grid-column:4;
  grid-row:1;
  align-self:center;
  max-width:42ch;
  padding:28px 0 0;
}
.themes-redesign-page .topic-line-copy blockquote{
  font-size:clamp(22px,1.7vw,30px);
}

/* Themen-Dossiers: Überschrift und Bild bleiben in getrennten Rasterzellen. */
.theme-dossier-page .dossier-heading h1{
  max-width:10.5ch;
  font-size:clamp(55px,6.2vw,106px);
  line-height:.84;
  letter-spacing:-.066em;
}
.theme-dossier-page .dossier-image{min-width:0}
.theme-dossier-page .dossier-prose,
.project-profile-prose{
  width:100%;
  max-width:850px;
}
.theme-dossier-page .dossier-prose h2,
.project-profile-prose h2{
  max-width:19ch;
  font-size:clamp(34px,3.3vw,55px);
}

/* Projektübersicht: Titel und Porträt dürfen sich nicht gegenseitig verdecken. */
.atlas-cover-title{
  width:min(43vw,700px);
}
.atlas-cover-title h1{
  max-width:8.5ch;
  font-size:clamp(62px,8vw,132px);
  line-height:.82;
}
.atlas-cover-portrait{right:3vw;width:min(46vw,720px)}

/* Projektprofile als stabiles Grid statt absoluter Überlagerung. */
.project-profile-hero{
  min-height:auto;
  display:grid;
  grid-template-columns:minmax(380px,.88fr) minmax(440px,1.12fr);
  grid-template-rows:auto auto;
  gap:clamp(45px,7vw,105px);
  align-items:start;
  padding:calc(var(--header) + 42px) var(--page) clamp(80px,8vw,120px);
}
.project-profile-meta{
  position:relative;
  grid-column:1/-1;
  grid-row:1;
  margin-bottom:clamp(25px,4vw,50px);
}
.project-profile-heading{
  position:relative;
  z-index:6;
  left:auto;
  top:auto;
  width:auto;
  grid-column:1;
  grid-row:2;
  align-self:center;
}
.project-profile-heading h1{
  max-width:10.5ch;
  margin-bottom:30px;
  font-size:clamp(54px,6.2vw,108px);
  line-height:.84;
  letter-spacing:-.068em;
}
.project-profile-heading>span{
  max-width:43ch;
  font-size:clamp(19px,1.8vw,28px);
  line-height:1.35;
}
.project-profile-hero>figure{
  position:relative;
  z-index:4;
  right:auto;
  top:auto;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  grid-column:2;
  grid-row:2;
  align-self:center;
  box-shadow:20px 20px 0 rgba(10,13,19,.13);
}
.project-profile-mark{
  z-index:1;
  right:-20vw;
  bottom:-24vw;
  width:min(54vw,850px);
  pointer-events:none;
}
.project-website-link{
  width:min(100%,460px);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px 18px;
  align-items:center;
  margin-top:34px;
  padding:16px 0 14px;
  border-top:2px solid currentColor;
  border-bottom:1px solid currentColor;
  font-family:var(--mono);
  text-transform:uppercase;
}
.project-website-link>span{
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
}
.project-website-link>strong{
  grid-column:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
  letter-spacing:.04em;
  text-transform:none;
}
.project-website-link>i{
  grid-column:2;
  grid-row:1/3;
  font-size:25px;
  font-style:normal;
  transition:transform .2s ease;
}
.project-website-link:hover>i{transform:translate(4px,-4px)}

/* Projektatlas mit getrennten Profil- und Website-Links. */
.project-atlas-list .project-atlas-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 18px 34px;
  gap:20px;
  align-items:center;
  min-height:174px;
  padding:26px 4px 26px 0;
  transition:padding .25s ease,background .25s ease;
}
.project-atlas-list li:hover .project-atlas-row,
.project-atlas-list li.is-active .project-atlas-row{
  padding-left:18px;
}
.project-atlas-list .project-atlas-title-link,
.project-atlas-list .project-atlas-action,
.project-atlas-list .project-atlas-arrow{
  display:inline-flex;
  min-height:0;
  padding:0;
  border:0;
  gap:0;
  transition:none;
}
.project-atlas-list li:hover .project-atlas-title-link,
.project-atlas-list li.is-active .project-atlas-title-link,
.project-atlas-list li:hover .project-atlas-action,
.project-atlas-list li.is-active .project-atlas-action,
.project-atlas-list li:hover .project-atlas-arrow,
.project-atlas-list li.is-active .project-atlas-arrow{
  padding:0;
}
.project-atlas-list .project-atlas-summary>span{
  display:block;
  max-width:70ch;
  font-size:12px;
  line-height:1.62;
  color:var(--muted);
}
.project-atlas-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
  margin-top:18px;
}
.project-atlas-list .project-atlas-action{
  align-items:center;
  gap:9px;
  padding-bottom:4px;
  border-bottom:1px solid currentColor;
  font-family:var(--mono);
  font-size:8px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.project-atlas-list .project-atlas-action--external{color:var(--cobalt)}
.project-atlas-list .project-atlas-arrow{
  align-items:center;
  justify-content:center;
  font-size:24px;
  font-style:normal;
  transition:transform .2s ease;
}
.project-atlas-list .project-atlas-arrow:hover{transform:translate(4px,-4px)}

@media (max-width:1180px){
  .logbook-register-layout{
    grid-template-columns:minmax(310px,.8fr) minmax(430px,1.2fr);
    gap:55px;
  }
  .logbook-register-heading h1{font-size:clamp(57px,7.6vw,92px)}
  .themes-redesign-page .topic-line,
  .themes-redesign-page .topic-line:nth-child(even){
    grid-template-columns:50px minmax(0,1fr) minmax(310px,.78fr);
    grid-template-rows:auto auto;
    gap:34px 42px;
  }
  .themes-redesign-page .topic-line-index{grid-column:1;grid-row:1/3}
  .themes-redesign-page .topic-line-title,
  .themes-redesign-page .topic-line:nth-child(even) .topic-line-title{grid-column:2;grid-row:1}
  .themes-redesign-page .topic-line figure,
  .themes-redesign-page .topic-line:nth-child(even) figure{grid-column:3;grid-row:1/3;aspect-ratio:4/5}
  .themes-redesign-page .topic-line-copy,
  .themes-redesign-page .topic-line:nth-child(even) .topic-line-copy{grid-column:2;grid-row:2}
  .project-profile-hero{
    grid-template-columns:minmax(330px,.88fr) minmax(390px,1.12fr);
    gap:52px;
  }
  .project-profile-heading h1{font-size:clamp(52px,7vw,90px)}
}

@media (max-width:900px){
  .article-hero{
    min-height:auto;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    padding-bottom:0;
  }
  .article-hero-meta{grid-column:1;grid-row:1}
  .article-hero-copy{grid-column:1;grid-row:2;padding:45px 0 55px}
  .article-hero-image{grid-column:1;grid-row:3;width:100%;height:auto;aspect-ratio:16/10}
  .article-hero h1{max-width:13ch;font-size:clamp(50px,10.5vw,82px)}

  .logbook-register-layout{grid-template-columns:1fr;gap:65px}
  .logbook-register-heading{max-width:720px}
  .logbook-register-feature{max-width:760px}
  .logbook-register-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logbook-register-ledger span:nth-child(2){border-right:0}
  .logbook-register-ledger span:nth-child(-n+2){border-bottom:1px solid var(--ink)}

  .topic-manifesto>header{width:min(78vw,650px)}
  .topic-manifesto h1{font-size:clamp(58px,12vw,92px)}

  .themes-redesign-page .topic-line,
  .themes-redesign-page .topic-line:nth-child(even){
    grid-template-columns:45px minmax(0,1fr);
    grid-template-rows:auto auto auto;
  }
  .themes-redesign-page .topic-line-index{grid-column:1;grid-row:1/4}
  .themes-redesign-page .topic-line-title,
  .themes-redesign-page .topic-line:nth-child(even) .topic-line-title{grid-column:2;grid-row:1}
  .themes-redesign-page .topic-line figure,
  .themes-redesign-page .topic-line:nth-child(even) figure{grid-column:2;grid-row:2;aspect-ratio:16/10;max-height:none}
  .themes-redesign-page .topic-line-copy,
  .themes-redesign-page .topic-line:nth-child(even) .topic-line-copy{grid-column:2;grid-row:3}

  .project-profile-hero{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    gap:38px;
  }
  .project-profile-meta{grid-column:1;grid-row:1}
  .project-profile-heading{grid-column:1;grid-row:2;max-width:760px}
  .project-profile-hero>figure{grid-column:1;grid-row:3;max-width:760px;aspect-ratio:16/10}
  .project-profile-mark{display:none}
  .project-profile-heading h1{max-width:12ch;font-size:clamp(52px,10vw,82px)}

  .atlas-cover-title{width:min(70vw,650px)}
  .atlas-cover-title h1{font-size:clamp(58px,11vw,94px)}

  .project-atlas-list .project-atlas-row{
    grid-template-columns:38px minmax(0,1fr) 12px 28px;
    gap:13px;
  }
}

@media (max-width:680px){
  .article-hero h1{
    max-width:none;
    font-size:clamp(42px,12vw,58px);
    line-height:.9;
  }
  .article-body h2{font-size:clamp(32px,9.8vw,45px)}

  .logbook-register{
    padding-top:calc(var(--header) + 26px);
  }
  .logbook-register-meta{
    margin-bottom:58px;
    font-size:8px;
  }
  .logbook-register-meta span:last-child{display:none}
  .logbook-register-layout{gap:48px;padding-bottom:80px}
  .logbook-register-heading h1{
    max-width:none;
    margin-bottom:30px;
    font-size:clamp(46px,13.8vw,64px);
    line-height:.88;
  }
  .logbook-register-heading>p{padding-left:15px;font-size:13px}
  .logbook-register-actions{align-items:flex-start;flex-direction:column;gap:20px}
  .logbook-register-feature{padding:13px;box-shadow:10px 10px 0 var(--register-accent)}
  .logbook-register-feature-meta{font-size:7px}
  .logbook-register-feature-copy{padding-top:23px}
  .logbook-register-feature-copy h2{font-size:clamp(31px,9.6vw,43px)}
  .logbook-register-ledger span{min-height:58px;padding:12px 8px;font-size:7px}

  .topic-manifesto h1{
    max-width:none;
    font-size:clamp(50px,14.4vw,68px);
    line-height:.86;
  }
  .themes-redesign-page .topic-line-title h2{
    max-width:12ch;
    font-size:clamp(38px,11vw,52px);
    line-height:.92;
  }

  .theme-dossier-page .dossier-heading h1,
  .project-profile-heading h1{
    max-width:12ch;
    font-size:clamp(43px,12.2vw,61px);
    line-height:.88;
  }
  .theme-dossier-page .dossier-heading>p,
  .project-profile-heading>span{font-size:clamp(19px,5.6vw,25px)}

  .atlas-cover-title{width:auto;right:var(--page)}
  .atlas-cover-title h1{
    max-width:9ch;
    font-size:clamp(50px,14.2vw,68px);
    line-height:.86;
  }

  .project-atlas-list .project-atlas-row{
    grid-template-columns:30px minmax(0,1fr) 10px 24px;
    gap:9px;
    min-height:0;
    padding:24px 0;
  }
  .project-atlas-list li:hover .project-atlas-row,
  .project-atlas-list li.is-active .project-atlas-row{padding-left:8px}
  .project-atlas-list h3{font-size:clamp(29px,8.9vw,41px)}
  .project-atlas-list .project-atlas-summary>span{font-size:11px}
  .project-atlas-actions{gap:10px 18px}
  .project-atlas-list .project-atlas-action{font-size:7px}
  .project-profile-hero>figure{box-shadow:10px 10px 0 rgba(10,13,19,.13)}
}

@media (prefers-reduced-motion:reduce){
  .logbook-register-feature figure img,
  .project-atlas-list .project-atlas-row,
  .project-website-link>i{transition:none!important}
}

/* ==========================================================================
   Editorial refinement 11 — kompaktere Titel und garantiert getrennte Medien
   ========================================================================== */

/* Themenübersicht: lange deutsche Komposita bleiben vollständig in ihrer
   Textspalte. Das Bild beginnt erst danach und wird nie von Text überlagert. */
.themes-redesign-page .topic-line-title h2{
  max-width:100%;
  font-size:clamp(38px,2.85vw,52px);
  line-height:.93;
  letter-spacing:-.052em;
  overflow-wrap:anywhere;
  hyphens:auto;
}
.themes-redesign-page .topic-line-title,
.themes-redesign-page .topic-line figure,
.themes-redesign-page .topic-line-copy{
  isolation:isolate;
}
.themes-redesign-page .topic-line figure{z-index:2}
.themes-redesign-page .topic-line-title,
.themes-redesign-page .topic-line-copy{z-index:3}

/* Themenprofile: bewusst deutlich kleiner als die Startseiten-Typografie.
   Dadurch bleibt der Titel eine Einordnung und konkurriert nicht mit dem Bild. */
.theme-dossier-page .dossier-heading h1{
  max-width:100%;
  font-size:clamp(46px,4.15vw,68px);
  line-height:.9;
  letter-spacing:-.058em;
  overflow-wrap:anywhere;
  hyphens:auto;
}
.theme-dossier-page .dossier-heading>p{
  max-width:38ch;
  font-size:clamp(19px,1.55vw,27px);
  line-height:1.32;
}
.theme-dossier-page .dossier-heading,
.theme-dossier-page .dossier-image{
  overflow:visible;
  isolation:isolate;
}
.theme-dossier-page .dossier-heading{z-index:5}
.theme-dossier-page .dossier-image{z-index:4}

/* Projektprofile: lange Marken- und Projektnamen erhalten mehr Ruhe. */
.project-profile-heading h1{
  max-width:100%;
  font-size:clamp(48px,5.2vw,88px);
  line-height:.9;
  letter-spacing:-.058em;
  overflow-wrap:anywhere;
}
.project-profile-heading>span{
  font-size:clamp(18px,1.55vw,25px);
}

/* Große redaktionelle Abschnittstitel werden eine Stufe zurückgenommen. */
.related-section h2,
.logbook-index-head h2,
.dossier-lens h2,
.project-atlas-head h2,
.project-principles h2,
.profile-timeline h2,
.profile-perspectives h2,
.profile-publication h2,
.profile-contact h2,
.profile-civic-copy h2{
  font-size:clamp(43px,5.15vw,84px);
  line-height:.91;
}
.atlas-cover-title h1{
  font-size:clamp(58px,7vw,112px);
  line-height:.86;
}
.logbook-register-heading h1{
  font-size:clamp(56px,6.25vw,102px);
  line-height:.87;
}
.topic-manifesto h1{
  font-size:clamp(58px,7.2vw,116px);
  line-height:.85;
}

@media (max-width:1180px){
  .themes-redesign-page .topic-line-title h2{
    font-size:clamp(38px,3.55vw,48px);
    overflow-wrap:normal;
  }
  .theme-dossier-page .dossier-heading h1{
    font-size:clamp(44px,5vw,59px);
  }
  .project-profile-heading h1{
    font-size:clamp(46px,6.2vw,76px);
  }
}

@media (max-width:900px){
  .themes-redesign-page .topic-line-title h2{
    max-width:14ch;
    font-size:clamp(40px,7vw,58px);
    overflow-wrap:anywhere;
  }
  .theme-dossier-page .dossier-heading h1{
    max-width:13ch;
    font-size:clamp(42px,7.2vw,58px);
  }
  .project-profile-heading h1{
    max-width:13ch;
    font-size:clamp(44px,8.2vw,68px);
  }
}

@media (max-width:680px){
  .themes-redesign-page .topic-line-title h2{
    max-width:100%;
    font-size:clamp(34px,9.7vw,44px);
    line-height:.95;
  }
  .theme-dossier-page .dossier-heading h1{
    max-width:100%;
    font-size:clamp(35px,9.4vw,46px);
    line-height:.94;
  }
  .project-profile-heading h1{
    max-width:100%;
    font-size:clamp(39px,10.4vw,52px);
    line-height:.94;
  }
  .atlas-cover-title h1{
    font-size:clamp(46px,12.6vw,60px);
    line-height:.9;
  }
  .logbook-register-heading h1{
    font-size:clamp(42px,12vw,56px);
    line-height:.92;
  }
  .topic-manifesto h1{
    font-size:clamp(46px,12.5vw,60px);
    line-height:.9;
  }
  .related-section h2,
  .logbook-index-head h2,
  .dossier-lens h2,
  .project-atlas-head h2,
  .project-principles h2,
  .profile-timeline h2,
  .profile-perspectives h2,
  .profile-publication h2,
  .profile-contact h2,
  .profile-civic-copy h2{
    font-size:clamp(36px,10.5vw,48px);
    line-height:.94;
  }
}

/* Komposita nicht künstlich mitten im Wort trennen. Die Schriftgröße ist so
   bemessen, dass auch „Unternehmertum“ in der vorgesehenen Spalte bleibt. */
.themes-redesign-page .topic-line-title h2{
  font-size:clamp(37px,2.75vw,50px);
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:wrap;
}
@media (max-width:1180px){
  .themes-redesign-page .topic-line-title h2{
    font-size:clamp(37px,3.35vw,45px);
    overflow-wrap:normal;
    hyphens:none;
  }
}
@media (max-width:900px){
  .themes-redesign-page .topic-line-title h2{
    max-width:100%;
    font-size:clamp(37px,6.5vw,52px);
  }
}
@media (max-width:680px){
  .themes-redesign-page .topic-line-title h2{
    font-size:clamp(32px,8.9vw,40px);
  }
}

/* ==========================================================================
   Editorial refinement 12 — lesbare Komposita und ruhigere Abschnittstitel
   ========================================================================== */

/* Einordnungsüberschriften in Themen- und Projektprofilen bleiben kompakt. */
.dossier-body>aside h2,
.project-profile-body>aside h2{
  max-width:8ch;
  font-size:clamp(46px,5vw,76px);
  line-height:.9;
  letter-spacing:-.06em;
}
.dossier-posts h2{
  max-width:14ch;
  font-size:clamp(42px,5vw,78px);
  line-height:.91;
}
.dossier-local-note h2{
  max-width:18ch;
  font-size:clamp(38px,3.6vw,58px);
  line-height:.98;
  overflow-wrap:anywhere;
}
.dossier-lens-grid h3{
  font-size:clamp(25px,2.2vw,36px);
  line-height:.98;
  overflow-wrap:anywhere;
}

/* Person: mehr Luft, weniger typografischer Druck. */
.profile-statement h2{
  max-width:13ch;
  font-size:clamp(48px,5.25vw,82px);
  line-height:.91;
}
.profile-perspectives h3{
  max-width:13ch;
  font-size:clamp(26px,2.2vw,39px);
  line-height:.94;
  overflow-wrap:anywhere;
}

/* Startseite: Themenüberschrift bleibt innerhalb ihrer Spalte. */
.themes-head h2{
  font-size:clamp(54px,6.7vw,112px);
  line-height:.88;
}

@media (max-width:900px){
  .dossier-body>aside h2,
  .project-profile-body>aside h2{
    max-width:11ch;
    font-size:clamp(42px,7vw,58px);
  }
  .dossier-local-note h2{font-size:clamp(36px,6.2vw,50px)}
  .profile-statement h2{font-size:clamp(44px,7.4vw,62px)}
}

@media (max-width:680px){
  /* Sehr lange fachliche Begriffe werden über die Schriftgröße gelöst, nicht
     durch willkürliche Trennungen mitten im Wort. */
  .article-body h2,
  .theme-dossier-page .dossier-prose h2,
  .project-profile-prose h2{
    max-width:100%;
    font-size:clamp(25px,6.8vw,31px);
    line-height:1.02;
    letter-spacing:-.045em;
    overflow-wrap:anywhere;
    hyphens:auto;
  }
  .dossier-body>aside h2,
  .project-profile-body>aside h2{
    max-width:none;
    font-size:clamp(35px,9.5vw,44px);
    line-height:.94;
  }
  .dossier-posts h2{
    max-width:none;
    font-size:clamp(30px,8.7vw,39px);
    line-height:.96;
  }
  .dossier-local-note h2{
    max-width:none;
    font-size:clamp(31px,8.2vw,38px);
  }
  .dossier-lens-grid h3{
    font-size:clamp(24px,6.8vw,30px);
  }
  .profile-statement h2{
    max-width:none;
    font-size:clamp(35px,9.2vw,43px);
    line-height:.96;
  }
  .profile-perspectives h3{
    max-width:100%;
    font-size:clamp(28px,7.8vw,34px);
  }
  .project-atlas-list li[data-name="Webschmiede.net"] h3{
    font-size:23px;
    letter-spacing:-.045em;
  }
  .themes-redesign-page .topic-line[data-theme-slug="unternehmertum-arbeit"] h2{
    font-size:clamp(29px,8.2vw,35px);
  }
  .themes-head h2{
    font-size:clamp(38px,10.5vw,50px);
  }
  .perspective-title{
    font-size:clamp(42px,14vw,54px);
    line-height:.9;
  }
}

@media (max-width:340px){
  .perspective-title{font-size:44px}
  .themes-redesign-page .topic-line[data-theme-slug="unternehmertum-arbeit"] h2{font-size:29px}
}

/* ==========================================================================
   Editorial refinement 13 — letzte Typografie- und Kleinstbreitenkorrekturen
   ========================================================================== */

/* Lange Rollenbezeichnungen bleiben innerhalb der vorgesehenen Spalten. */
.profile-perspectives h3{
  font-size:clamp(25px,2.05vw,36px);
}

@media (max-width:680px){
  .perspective-title{
    font-size:clamp(37px,11.5vw,46px);
    line-height:.91;
    overflow-wrap:anywhere;
    text-wrap:wrap;
  }
  .themes-redesign-page .topic-line[data-theme-slug="unternehmertum-arbeit"] h2{
    font-size:28px;
    letter-spacing:-.045em;
  }
  .profile-perspectives h3{
    font-size:27px;
    line-height:.96;
  }
}

/* Typografische Überhänge langer Bezeichnungen werden nicht durch enge
   Zeichenbreiten begrenzt. */
.profile-perspectives h3{
  max-width:100%;
  width:100%;
}
@media (max-width:340px){
  .themes-redesign-page .topic-line[data-theme-slug="unternehmertum-arbeit"] h2{
    font-size:26px;
    letter-spacing:-.06em;
  }
}
.profile-perspectives article h3{
  max-width:100%;
  width:100%;
}

/* ==========================================================================
   Editorial refinement 14 — Rechtstexte ohne übergroße oder überstehende Titel
   ========================================================================== */
.legal-hero h1{
  max-width:100%;
  font-size:clamp(64px,9vw,150px);
  line-height:.82;
  overflow-wrap:anywhere;
}
.legal-content h2{
  max-width:100%;
  font-size:clamp(27px,2.5vw,40px);
  line-height:1.04;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
  hyphens:auto;
}
@media (max-width:680px){
  .legal-hero h1{
    font-size:clamp(50px,15vw,72px);
    line-height:.85;
  }
  .legal-content h2{
    font-size:clamp(25px,7.4vw,30px);
  }
}
@media (max-width:680px){
  .legal-hero h1{
    font-size:clamp(34px,11vw,58px);
    line-height:.9;
    letter-spacing:-.07em;
  }
}


/* ==========================================================================
   Editorial refinement 15 — belastbare Projektfakten und bürgernahe Haltung
   ========================================================================== */

/* Die Projektfakten bilden ein selbstständig umbrechendes Raster. Innenabstände
   sind zellenbezogen und nicht mehr an den Seitenrand gekoppelt; dadurch können
   lange Werte weder in Nachbarzellen noch aus dem Viewport laufen. */
.project-profile-facts{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
  grid-auto-rows:1fr;
  gap:1px;
  align-items:stretch;
  background:rgba(255,255,255,.35);
  border-top:1px solid rgba(255,255,255,.35);
  border-bottom:1px solid rgba(255,255,255,.35);
}
.project-profile-facts>div,
.project-profile-facts>div:last-child{
  min-width:0;
  min-height:155px;
  padding:25px clamp(19px,2.25vw,38px) 30px;
  border:0;
  background:var(--ink);
}
.project-profile-facts span{
  margin-bottom:24px;
  line-height:1.35;
}
.project-profile-facts strong{
  max-width:100%;
  font-size:clamp(18px,1.55vw,27px);
  line-height:1.16;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}

/* Neue Haltungsebene der Personenseite: keine Kartenoptik, sondern ein
   redaktionelles Linienraster mit klaren, gut lesbaren Prinzipien. */
.profile-leadership{
  padding:clamp(105px,11vw,175px) var(--page);
  background:var(--paper);
  color:var(--ink);
}
.profile-leadership>header{
  display:grid;
  grid-template-columns:minmax(130px,.28fr) minmax(390px,1fr) minmax(280px,.62fr);
  gap:clamp(35px,5vw,80px);
  align-items:start;
  margin-bottom:clamp(65px,7vw,105px);
}
.profile-leadership .section-index{
  padding-top:13px;
  color:var(--orange);
}
.profile-leadership h2{
  max-width:12ch;
  margin:0;
  font-size:clamp(46px,5.2vw,84px);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.profile-leadership h2 em{
  display:block;
  font-family:var(--serif);
  font-weight:500;
  font-style:italic;
  text-transform:none;
  color:var(--cobalt);
}
.profile-leadership>header>p{
  max-width:45ch;
  margin:13px 0 0;
  font-size:14px;
  line-height:1.75;
}
.profile-leadership-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
}
.profile-leadership-grid article{
  min-width:0;
  min-height:320px;
  display:flex;
  flex-direction:column;
  padding:25px clamp(20px,2.2vw,34px) 30px;
  border-right:1px solid var(--ink);
}
.profile-leadership-grid article:last-child{border-right:0}
.profile-leadership-grid span{
  font-family:var(--mono);
  font-size:9px;
  color:var(--orange);
}
.profile-leadership-grid h3{
  max-width:100%;
  margin:clamp(65px,6vw,105px) 0 22px;
  font-size:clamp(27px,2.2vw,38px);
  line-height:.95;
  letter-spacing:-.045em;
}
.profile-leadership-grid p{
  max-width:35ch;
  margin:0;
  font-size:13px;
  line-height:1.72;
}
.profile-leadership>footer{
  display:grid;
  grid-template-columns:minmax(320px,1fr) auto;
  gap:40px;
  align-items:end;
  padding-top:45px;
}
.profile-leadership>footer p{
  max-width:66ch;
  margin:0;
  font-family:var(--serif);
  font-size:clamp(21px,1.75vw,29px);
  line-height:1.25;
}
.profile-leadership>footer .arrow-link{white-space:nowrap}

@media (max-width:1050px){
  .profile-leadership>header{
    grid-template-columns:120px 1fr;
  }
  .profile-leadership>header>p{
    grid-column:2;
    max-width:58ch;
    margin-top:0;
  }
  .profile-leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-leadership-grid article:nth-child(2){border-right:0}
  .profile-leadership-grid article:nth-child(-n+2){border-bottom:1px solid var(--ink)}
}

@media (max-width:680px){
  .project-profile-facts{grid-template-columns:1fr}
  .project-profile-facts>div,
  .project-profile-facts>div:last-child{
    min-height:0;
    padding:22px var(--page) 25px;
  }
  .project-profile-facts span{margin-bottom:13px}
  .project-profile-facts strong{
    font-size:clamp(19px,5.8vw,25px);
    line-height:1.2;
  }
  .profile-leadership{
    padding-top:90px;
    padding-bottom:100px;
  }
  .profile-leadership>header{display:block;margin-bottom:62px}
  .profile-leadership .section-index{display:block;margin-bottom:36px}
  .profile-leadership h2{
    max-width:none;
    font-size:clamp(36px,9.8vw,46px);
    line-height:.94;
  }
  .profile-leadership>header>p{margin-top:28px}
  .profile-leadership-grid{grid-template-columns:1fr}
  .profile-leadership-grid article,
  .profile-leadership-grid article:nth-child(2){
    min-height:245px;
    padding:23px 0 28px;
    border-right:0;
    border-bottom:1px solid var(--ink);
  }
  .profile-leadership-grid article:last-child{border-bottom:0}
  .profile-leadership-grid h3{
    margin-top:54px;
    font-size:clamp(29px,8.2vw,36px);
  }
  .profile-leadership>footer{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:38px;
  }
  .profile-leadership>footer .arrow-link{white-space:normal;width:max-content;max-width:100%}
}


/* ==========================================================================
   Editorial refinement 16 — lange Kommentartitel und Quellenapparat
   ========================================================================== */
.article-hero h1.article-title--medium{
  max-width:15ch;
  font-size:clamp(46px,5.15vw,88px);
  line-height:.89;
  letter-spacing:-.058em;
}
.article-hero h1.article-title--long{
  max-width:20ch;
  font-size:clamp(37px,4.05vw,70px);
  line-height:.96;
  letter-spacing:-.045em;
  text-transform:none;
  text-wrap:balance;
}
.article-body .article-note{
  margin:0 0 48px;
  padding:20px 22px;
  border-left:5px solid var(--article-accent);
  background:rgba(10,13,19,.045);
  font-size:14px;
  line-height:1.65;
}
.article-body .article-sources{
  margin-top:72px;
  padding-top:34px;
  border-top:2px solid var(--ink);
}
.article-body .article-sources h2{
  max-width:none;
  margin-top:0;
  font-size:clamp(30px,3vw,46px);
}
.article-body .article-sources ul{
  margin-top:24px;
}
.article-body .article-sources li{
  margin-bottom:12px;
}
.article-body .article-sources a{
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
@media (max-width:900px){
  .article-hero h1.article-title--medium{
    max-width:15ch;
    font-size:clamp(44px,9vw,68px);
  }
  .article-hero h1.article-title--long{
    max-width:20ch;
    font-size:clamp(36px,7.6vw,54px);
    line-height:.98;
  }
}
@media (max-width:680px){
  .article-hero h1.article-title--medium{
    max-width:none;
    font-size:clamp(38px,10.7vw,50px);
  }
  .article-hero h1.article-title--long{
    max-width:none;
    font-size:clamp(31px,8.8vw,42px);
    line-height:1.01;
    letter-spacing:-.035em;
  }
  .article-body .article-note{
    margin-bottom:38px;
    padding:17px 18px;
    font-size:13px;
  }
}

/* Version 17: aktuelles Profil, Dossier-Verknüpfungen und Vorschau */
.preview-banner{position:sticky;top:74px;z-index:80;background:#d9ff4c;color:#0a0d13;border-bottom:1px solid #0a0d13;padding:10px var(--page);font:700 11px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.article-theme-links{display:grid;gap:7px;margin:28px 0}.article-theme-links a{position:relative;display:flex;align-items:center;gap:9px;border-top:1px solid currentColor;padding:8px 0;font:700 10px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.article-theme-links a:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--link-theme);flex:0 0 auto}.article-theme-links a:hover{padding-left:7px}
.topic-line-posts{display:grid;gap:0;margin:25px 0 28px;border-top:1px solid rgba(10,13,19,.45)}.topic-line-posts>span{padding:10px 0 7px;font:700 9px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.62}.topic-line-posts a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;padding:9px 0;border-top:1px solid rgba(10,13,19,.18);font:700 12px/1.35 var(--sans);text-decoration:none}.topic-line-posts a i{font-style:normal}.topic-line-posts a:hover{padding-left:7px}
.profile-current{padding:clamp(80px,10vw,150px) var(--page);background:#f1eee5;border-bottom:1px solid var(--ink)}.profile-current>header{display:grid;grid-template-columns:minmax(90px,.25fr) minmax(340px,1fr) minmax(260px,.7fr);gap:clamp(28px,5vw,90px);align-items:start;margin-bottom:clamp(60px,8vw,110px)}.profile-current>header .section-index{padding-top:12px;color:var(--orange)}.profile-current h2{max-width:11ch;margin:0;font:900 clamp(48px,6.2vw,104px)/.87 var(--display);letter-spacing:-.075em;text-transform:uppercase}.profile-current h2 em{display:block;color:var(--cobalt);font:italic 400 .72em/.95 var(--serif);letter-spacing:-.045em;text-transform:none}.profile-current>header>p{max-width:40ch;margin:8px 0 0;font:400 16px/1.75 var(--serif)}.profile-current-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.profile-current-grid article{min-width:0;min-height:340px;padding:30px clamp(24px,3vw,50px);border-right:1px solid var(--ink);display:flex;flex-direction:column}.profile-current-grid article:last-child{border-right:0;background:var(--acid)}.profile-current-grid span{font:700 9px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase}.profile-current-grid h3{max-width:10ch;margin:65px 0 24px;font:900 clamp(31px,3.4vw,55px)/.9 var(--display);letter-spacing:-.065em;text-transform:uppercase;overflow-wrap:anywhere}.profile-current-grid p{max-width:42ch;margin:auto 0 0;font:400 14px/1.72 var(--sans)}
.profile-mayoral{padding:clamp(90px,11vw,170px) var(--page);background:var(--cobalt);color:#fff;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(380px,1.05fr);gap:clamp(50px,8vw,150px);position:relative;overflow:hidden}.profile-mayoral:before{content:"";position:absolute;width:min(52vw,760px);aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%;left:-17vw;bottom:-34vw}.profile-mayoral-head,.profile-mayoral-copy,.profile-mayoral-principles{position:relative;z-index:1}.profile-mayoral-head .section-index{color:var(--acid)}.profile-mayoral h2{max-width:10ch;margin:55px 0 0;font:900 clamp(52px,6.7vw,112px)/.85 var(--display);letter-spacing:-.08em;text-transform:uppercase}.profile-mayoral h2 em{display:block;color:var(--acid);font:italic 400 .64em/.98 var(--serif);letter-spacing:-.04em;text-transform:none}.profile-mayoral-copy{padding-top:54px}.profile-mayoral-copy p{max-width:50ch;margin:0 0 1.35em;font:400 16px/1.75 var(--sans);color:rgba(255,255,255,.82)}.profile-mayoral-copy .profile-mayoral-lead{font:400 clamp(27px,3vw,46px)/1.12 var(--serif);letter-spacing:-.035em;color:#fff}.profile-mayoral-copy blockquote{max-width:28ch;margin:55px 0 0;padding-left:24px;border-left:8px solid var(--acid);font:italic 400 clamp(24px,2.6vw,41px)/1.12 var(--serif);color:#fff}.profile-mayoral-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(50px,7vw,100px);border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}.profile-mayoral-principles article{min-width:0;min-height:250px;padding:28px clamp(22px,3vw,46px);border-right:1px solid rgba(255,255,255,.35)}.profile-mayoral-principles article:last-child{border-right:0}.profile-mayoral-principles span{font:700 9px/1.2 var(--mono);letter-spacing:.12em;color:var(--acid)}.profile-mayoral-principles h3{margin:50px 0 18px;font:900 clamp(30px,3.2vw,50px)/.9 var(--display);letter-spacing:-.06em;text-transform:uppercase}.profile-mayoral-principles p{max-width:38ch;margin:0;color:rgba(255,255,255,.72);font:400 13px/1.7 var(--sans)}
@media(max-width:1050px){.profile-current>header{grid-template-columns:110px minmax(0,1fr)}.profile-current>header>p{grid-column:2}.profile-mayoral{grid-template-columns:1fr}.profile-mayoral-copy{padding-top:0}.profile-mayoral h2{max-width:12ch}.profile-mayoral-principles{grid-column:auto}}
@media(max-width:760px){.preview-banner{top:62px;padding:9px 18px}.profile-current,.profile-mayoral{padding:80px 20px}.profile-current>header{display:block;margin-bottom:50px}.profile-current>header .section-index{display:block;margin-bottom:35px}.profile-current h2,.profile-mayoral h2{font-size:clamp(43px,13.2vw,62px);line-height:.88;overflow-wrap:anywhere}.profile-current>header>p{margin-top:30px;font-size:15px}.profile-current-grid,.profile-mayoral-principles{display:block}.profile-current-grid article{min-height:0;padding:28px 20px 34px;border-right:0;border-bottom:1px solid var(--ink)}.profile-current-grid article:last-child{border-bottom:0}.profile-current-grid h3{margin:48px 0 20px;font-size:clamp(32px,10vw,46px)}.profile-mayoral-copy .profile-mayoral-lead{font-size:28px}.profile-mayoral-copy p{font-size:15px}.profile-mayoral-copy blockquote{margin-top:40px;font-size:27px}.profile-mayoral-principles article{min-height:0;padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.35)}.profile-mayoral-principles article:last-child{border-bottom:0}.profile-mayoral-principles h3{margin:42px 0 15px;font-size:36px}.topic-line-posts{margin:22px 0}.article-theme-links{margin:24px 0}}

/* Version 18: ruhigeres Personenprofil und dauerhaft sichtbare politische Texte */
.person-v18-page{background:#f3f0e8}
.profile-cover--refined{min-height:max(820px,96svh);padding-bottom:64px}
.profile-cover--refined>h1{
  left:var(--page);right:43vw;top:22%;z-index:5;
  font-size:clamp(78px,9.2vw,176px);line-height:.75;white-space:normal
}
.profile-cover--refined>h1 span:last-child{align-self:flex-start;margin:0;color:var(--white)}
.profile-cover--refined>figure{right:1.5vw;width:min(49vw,760px);z-index:4}
.profile-cover--refined .profile-cover-disc{right:2vw;top:12%;width:min(43vw,680px);z-index:1}
.profile-cover--refined .profile-cover-copy{width:min(38vw,500px);bottom:58px}
.profile-cover--refined .profile-cover-copy>strong{font-size:clamp(22px,1.9vw,32px);line-height:1.2}

.person-v18-section-head{
  display:grid;grid-template-columns:minmax(105px,.22fr) minmax(390px,1fr) minmax(250px,.58fr);
  gap:clamp(26px,5vw,82px);align-items:start
}
.person-v18-section-head>div{padding-top:9px}.person-v18-section-head .section-index{display:block;color:var(--orange)}
.person-v18-section-head .section-kicker{margin-top:26px}
.person-v18-section-head h2{
  max-width:12ch;margin:0;font:900 clamp(50px,6.15vw,96px)/.88 var(--display);
  letter-spacing:-.072em;text-transform:uppercase
}
.person-v18-section-head h2 em{display:block;color:var(--cobalt);font:italic 400 .7em/.98 var(--serif);letter-spacing:-.04em;text-transform:none}
.person-v18-section-head>p{max-width:38ch;margin:8px 0 0;font:400 15px/1.75 var(--serif)}

.person-v18-intro{padding:clamp(90px,11vw,170px) var(--page);background:#f3f0e8}
.person-v18-intro-grid{display:grid;grid-template-columns:minmax(330px,.92fr) minmax(420px,1.08fr);gap:clamp(48px,7vw,120px);margin-top:clamp(65px,9vw,130px);align-items:start}
.person-v18-portrait{position:sticky;top:calc(var(--header) + 35px);margin:0;min-height:690px;overflow:hidden;background:var(--ink)}
.person-v18-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,13,19,.42),transparent 44%);pointer-events:none}
.person-v18-portrait img{display:block;width:100%;height:100%;min-height:690px;object-fit:cover;object-position:center 26%;filter:saturate(.8) contrast(1.04)}
.person-v18-portrait figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;color:#fff;font:700 8px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.person-v18-prose{min-width:0;padding-top:6px}
.person-v18-prose>blockquote{max-width:23ch;margin:0 0 55px;padding-left:25px;border-left:9px solid var(--acid);font:italic 400 clamp(30px,3.7vw,55px)/1.03 var(--serif);letter-spacing:-.035em}
.person-v18-prose .article-body{max-width:680px;margin:0;font:400 clamp(18px,1.35vw,22px)/1.72 var(--serif)}
.person-v18-prose .article-body p{margin:0 0 1.35em}.person-v18-prose .article-body p:first-child{font-size:1.18em;line-height:1.5}
.person-v18-prose .article-body blockquote{margin:50px 0;padding:22px 0 22px 25px;border-left:7px solid var(--cobalt);font:italic 400 1.25em/1.35 var(--serif)}

.person-v18-current{padding:clamp(90px,10vw,155px) var(--page);background:#fff;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.person-v18-current>header{display:grid;grid-template-columns:minmax(120px,.28fr) minmax(330px,.8fr) minmax(300px,.7fr);gap:clamp(25px,5vw,85px);align-items:start;margin-bottom:clamp(55px,7vw,100px)}
.person-v18-current>header .section-index{padding-top:10px;color:var(--orange)}
.person-v18-current>header h2{max-width:10ch;margin:0;font:900 clamp(48px,5.6vw,86px)/.9 var(--display);letter-spacing:-.07em;text-transform:uppercase}
.person-v18-current>header p{max-width:42ch;margin:8px 0 0;font:400 15px/1.75 var(--serif)}
.person-v18-current-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.person-v18-current-list li{display:grid;grid-template-columns:minmax(105px,.22fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);padding:clamp(28px,3.5vw,50px) 0;border-bottom:1px solid var(--ink);align-items:start}
.person-v18-current-list>li>span{padding-top:8px;font:700 9px/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--cobalt)}
.person-v18-current-list h3{margin:0 0 15px;font:900 clamp(34px,4vw,61px)/.94 var(--display);letter-spacing:-.06em;text-transform:uppercase;overflow-wrap:anywhere}
.person-v18-current-list p{max-width:68ch;margin:0;font:400 15px/1.72 var(--sans)}
.person-v18-current-list li:last-child h3{color:var(--cobalt)}

.person-v18-public{position:relative;overflow:hidden;padding:clamp(95px,11vw,175px) var(--page);background:var(--ink);color:#fff;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(420px,1.05fr);gap:clamp(55px,8vw,145px)}
.person-v18-public:before{content:"";position:absolute;left:-18vw;top:-19vw;width:min(55vw,800px);aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%}
.person-v18-public-title,.person-v18-public-copy,.person-v18-public-principles{position:relative;z-index:1}
.person-v18-public-title .section-index{color:var(--acid)}
.person-v18-public-title h2{max-width:10ch;margin:55px 0 0;font:900 clamp(51px,6.3vw,102px)/.86 var(--display);letter-spacing:-.075em;text-transform:uppercase}
.person-v18-public-title h2 em{display:block;color:var(--acid);font:italic 400 .68em/1 var(--serif);letter-spacing:-.035em;text-transform:none}
.person-v18-public-copy{padding-top:56px}.person-v18-public-copy p{max-width:54ch;margin:0 0 1.35em;color:rgba(255,255,255,.78);font:400 16px/1.75 var(--sans)}
.person-v18-public-copy .person-v18-public-lead{max-width:28ch;color:#fff;font:400 clamp(27px,3.1vw,47px)/1.12 var(--serif);letter-spacing:-.035em}
.person-v18-public-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(45px,6vw,90px);border-top:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.34)}
.person-v18-public-principles article{min-width:0;min-height:255px;padding:29px clamp(20px,2.7vw,42px);border-right:1px solid rgba(255,255,255,.34)}
.person-v18-public-principles article:last-child{border-right:0}.person-v18-public-principles span{font:700 9px/1.2 var(--mono);letter-spacing:.12em;color:var(--acid)}
.person-v18-public-principles h3{margin:56px 0 18px;font:900 clamp(30px,3.1vw,48px)/.92 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.person-v18-public-principles p{max-width:35ch;margin:0;color:rgba(255,255,255,.72);font:400 13px/1.7 var(--sans)}

.person-v18-experience{padding:clamp(90px,11vw,170px) var(--page);background:#f3f0e8}
.person-v18-section-head--compact h2{font-size:clamp(48px,5.6vw,86px)}
.person-v18-experience-list{list-style:none;margin:clamp(65px,8vw,115px) 0 0;padding:0;border-top:1px solid var(--ink)}
.person-v18-experience-list li{display:grid;grid-template-columns:55px 135px minmax(220px,.7fr) minmax(260px,1fr);gap:clamp(18px,3vw,55px);align-items:center;min-height:122px;padding:24px 0;border-bottom:1px solid var(--ink);transition:padding .25s ease,background .25s ease}
.person-v18-experience-list li:hover{padding-left:20px;padding-right:20px;background:var(--acid)}
.person-v18-experience-list span,.person-v18-experience-list time{font:700 9px/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.person-v18-experience-list time{color:var(--cobalt)}.person-v18-experience-list strong{font:900 clamp(28px,3vw,46px)/.95 var(--display);letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:anywhere}
.person-v18-experience-list p{max-width:52ch;margin:0;font:400 13px/1.65 var(--sans)}

.person-v18-reading{padding:clamp(95px,11vw,175px) var(--page);background:#fff}
.person-v18-reading>header{display:grid;grid-template-columns:minmax(120px,.27fr) minmax(380px,1fr) minmax(270px,.62fr);gap:clamp(28px,5vw,82px);align-items:start;margin-bottom:clamp(65px,9vw,125px)}
.person-v18-reading>header .section-index{padding-top:11px;color:var(--orange)}
.person-v18-reading>header h2{max-width:12ch;margin:0;font:900 clamp(50px,6vw,94px)/.87 var(--display);letter-spacing:-.073em;text-transform:uppercase}
.person-v18-reading>header h2 em{display:block;color:var(--cobalt);font:italic 400 .7em/1 var(--serif);letter-spacing:-.04em;text-transform:none}
.person-v18-reading>header p{max-width:40ch;margin:8px 0 0;font:400 15px/1.75 var(--serif)}
.person-v18-reading-list{border-top:1px solid var(--ink)}
.person-v18-reading-list article{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(420px,1.3fr);min-height:420px;border-bottom:1px solid var(--ink);position:relative}
.person-v18-reading-list article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:var(--reading-accent)}
.person-v18-reading-list figure{margin:0;min-height:420px;overflow:hidden;background:var(--ink)}
.person-v18-reading-list figure a,.person-v18-reading-list figure img{display:block;width:100%;height:100%}.person-v18-reading-list figure img{object-fit:cover;filter:saturate(.82);transition:transform .45s ease}.person-v18-reading-list article:hover figure img{transform:scale(1.025)}
.person-v18-reading-list article>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(38px,5vw,82px)}
.person-v18-reading-list article>div>p{margin:0 0 28px;font:700 9px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt)}
.person-v18-reading-list h3{max-width:15ch;margin:0 0 28px;font:900 clamp(38px,4.7vw,72px)/.91 var(--display);letter-spacing:-.065em;text-transform:uppercase;overflow-wrap:anywhere}
.person-v18-reading-list h3 a{text-decoration:none;color:inherit}.person-v18-reading-list article>div>span{display:block;max-width:58ch;margin-bottom:30px;font:400 15px/1.7 var(--serif)}
.person-v18-reading-list .text-link{width:max-content}

.person-v18-publication{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);min-height:720px;background:var(--cobalt);color:#fff}
.person-v18-publication figure{position:relative;min-height:720px;margin:0;overflow:hidden;background:var(--ink)}
.person-v18-publication figure:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,13,19,.5),transparent 50%)}
.person-v18-publication figure img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05)}
.person-v18-publication figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;font:700 8px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.person-v18-publication>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,7vw,120px)}
.person-v18-publication .section-index{margin-bottom:30px;color:var(--acid)}.person-v18-publication .section-kicker{margin-bottom:26px;color:rgba(255,255,255,.7)}
.person-v18-publication h2{max-width:11ch;margin:0 0 38px;font:900 clamp(48px,5.7vw,91px)/.88 var(--display);letter-spacing:-.07em;text-transform:uppercase}
.person-v18-publication h2 em{display:block;color:var(--acid);font:italic 400 .7em/1 var(--serif);letter-spacing:-.04em;text-transform:none}
.person-v18-publication h3{max-width:36ch;margin:0 0 24px;font:700 clamp(20px,1.8vw,29px)/1.25 var(--serif)}
.person-v18-publication>div>p{max-width:48ch;margin:0 0 32px;color:rgba(255,255,255,.78);font:400 14px/1.75 var(--sans)}
.person-v18-publication .arrow-link{width:max-content;color:#fff}
.person-v18-contact{background:#171a20}

@media(max-width:1100px){
  .profile-cover--refined>h1{right:37vw;font-size:10.1vw}.profile-cover--refined>figure{right:-4vw;width:58vw}.profile-cover--refined .profile-cover-disc{right:-9vw;width:58vw}.profile-cover--refined .profile-cover-copy{width:min(45vw,480px)}
  .person-v18-section-head,.person-v18-current>header,.person-v18-reading>header{grid-template-columns:110px minmax(0,1fr)}
  .person-v18-section-head>p,.person-v18-current>header>p,.person-v18-reading>header>p{grid-column:2;max-width:58ch}
  .person-v18-intro-grid{grid-template-columns:minmax(300px,.78fr) minmax(380px,1.22fr);gap:55px}
  .person-v18-public{grid-template-columns:1fr}.person-v18-public-copy{padding-top:0}.person-v18-public-title h2{max-width:12ch}.person-v18-public-principles{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.person-v18-public-principles article:nth-child(2){border-right:0}.person-v18-public-principles article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.34)}
  .person-v18-experience-list li{grid-template-columns:50px 120px minmax(220px,.85fr) 1fr}
  .person-v18-reading-list article{grid-template-columns:minmax(270px,.78fr) minmax(360px,1.22fr)}
}

@media(max-width:780px){
  .profile-cover--refined{min-height:880px;padding-top:calc(var(--header) + 25px)}.profile-cover--refined .profile-cover-meta{font-size:8px}.profile-cover--refined .profile-cover-meta span:last-child{display:none}.profile-cover--refined>h1{left:20px;right:20px;top:115px;font-size:clamp(55px,15.2vw,82px);line-height:.78}.profile-cover--refined>figure{right:-21vw;bottom:125px;width:118vw}.profile-cover--refined .profile-cover-disc{top:250px;right:-43vw;width:128vw}.profile-cover--refined .profile-cover-copy{left:20px;right:20px;bottom:34px;width:auto;padding-top:58px;background:linear-gradient(to top,var(--ink) 0%,rgba(10,13,19,.94) 74%,transparent)}.profile-cover--refined .profile-cover-copy>strong{max-width:29ch;font-size:clamp(20px,6.2vw,27px)}
  .person-v18-intro,.person-v18-current,.person-v18-public,.person-v18-experience,.person-v18-reading{padding:82px 20px}
  .person-v18-section-head,.person-v18-current>header,.person-v18-reading>header{display:block}.person-v18-section-head>div,.person-v18-current>header .section-index,.person-v18-reading>header .section-index{display:block;margin-bottom:34px}.person-v18-section-head h2,.person-v18-current>header h2,.person-v18-reading>header h2{max-width:none;font-size:clamp(42px,12.5vw,59px);line-height:.9;overflow-wrap:anywhere}.person-v18-section-head>p,.person-v18-current>header>p,.person-v18-reading>header>p{margin-top:28px;font-size:15px}
  .person-v18-intro-grid{display:block;margin-top:58px}.person-v18-portrait{position:relative;top:auto;min-height:0;height:62vh;max-height:620px}.person-v18-portrait img{min-height:0}.person-v18-prose{padding-top:55px}.person-v18-prose>blockquote{font-size:clamp(30px,9.3vw,42px);margin-bottom:42px}.person-v18-prose .article-body{font-size:19px}
  .person-v18-current>header{margin-bottom:48px}.person-v18-current-list li{grid-template-columns:1fr;gap:18px;padding:30px 0}.person-v18-current-list h3{font-size:clamp(31px,9.5vw,44px)}
  .person-v18-public-title h2{margin-top:42px;font-size:clamp(44px,13vw,62px)}.person-v18-public-copy .person-v18-public-lead{font-size:28px}.person-v18-public-copy p{font-size:15px}.person-v18-public-principles{display:block;margin-top:55px}.person-v18-public-principles article,.person-v18-public-principles article:nth-child(2){min-height:0;padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.34)}.person-v18-public-principles article:last-child{border-bottom:0}.person-v18-public-principles h3{margin:38px 0 15px;font-size:36px}
  .person-v18-experience-list{margin-top:58px}.person-v18-experience-list li{grid-template-columns:34px 1fr;gap:10px 18px;padding:25px 0}.person-v18-experience-list time{grid-column:2}.person-v18-experience-list strong{grid-column:2;font-size:clamp(29px,9.5vw,42px)}.person-v18-experience-list p{grid-column:2}.person-v18-experience-list li:hover{padding-left:0;padding-right:0;background:transparent}
  .person-v18-reading>header{margin-bottom:58px}.person-v18-reading-list article{display:block;min-height:0}.person-v18-reading-list figure{height:50vh;min-height:340px}.person-v18-reading-list article>div{padding:38px 24px 48px}.person-v18-reading-list h3{font-size:clamp(34px,10.5vw,48px);max-width:none}
  .person-v18-publication{display:block;min-height:0}.person-v18-publication figure{min-height:0;height:58vh}.person-v18-publication>div{padding:75px 20px}.person-v18-publication h2{font-size:clamp(43px,12.5vw,60px)}
}

@media(max-width:420px){
  .profile-cover--refined{min-height:830px}.profile-cover--refined>h1{font-size:14.6vw}.profile-cover--refined>figure{right:-29vw;width:132vw}.profile-cover--refined .profile-cover-disc{right:-52vw;width:145vw}
  .person-v18-prose .article-body{font-size:18px}.person-v18-public-copy .person-v18-public-lead{font-size:25px}.person-v18-reading-list figure{height:43vh;min-height:300px}.person-v18-reading-list article>div{padding-left:20px;padding-right:20px}
}

/* Version 18.1: sichere Spaltenbreiten im kommunalen Profil */
@media(min-width:1101px){
  .person-v18-public{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(72px,8vw,140px)}
  .person-v18-public-title h2{max-width:100%;font-size:clamp(48px,4.7vw,76px);line-height:.88;overflow-wrap:normal;word-break:normal}
  .person-v18-public-copy .person-v18-public-lead{font-size:clamp(27px,2.6vw,42px)}
}

/* Version 18.2: saubere Wortumbrüche auf kleinen Displays */
@media(max-width:780px){
  .person-v18-public-title h2{
    max-width:100%;font-size:clamp(38px,10.6vw,49px);line-height:.9;
    overflow-wrap:normal;word-break:normal;hyphens:auto
  }
  .person-v18-current-list h3{
    font-size:clamp(29px,8.3vw,40px);overflow-wrap:normal;word-break:normal;hyphens:auto
  }
  .person-v18-reading-list h3{
    font-size:clamp(28px,7.8vw,38px);line-height:.94;
    overflow-wrap:normal;word-break:normal;hyphens:auto
  }
}

/* ==========================================================================
   Version 19 — klare Wortumbrüche, neues Personenprofil und Kommentare
   ========================================================================== */
html[lang="de"] :where(h1,h2,h3,h4,.display-title){
  overflow-wrap:normal!important;
  word-break:normal!important;
  -webkit-hyphens:auto;
  hyphens:auto;
  hyphenate-limit-chars:7 3 3;
  text-wrap:balance;
}
html[lang="de"] :where(.article-hero h1,.logbook-hero h1,.topic-hero h1,.project-profile h1,.person-v19-page h1){
  text-wrap:balance;
}
.brand-logo{display:block;width:auto;max-width:clamp(110px,12vw,180px);height:44px;object-fit:contain;object-position:left center}
.brand--logo-only .brand-logo{max-width:clamp(145px,17vw,240px);height:50px}
.hero-orbit,.hero-side-note{display:none!important}

/* Inhaltsseiten: Überschriften gehören in die eigene Spalte, nie über Bilder. */
.article-hero{
  min-height:auto!important;
  padding:calc(var(--header) + 54px) var(--page) clamp(54px,6vw,92px)!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  grid-template-rows:auto auto!important;
  gap:clamp(36px,5.5vw,90px)!important;
  align-items:end!important;
}
.article-hero-meta{grid-column:1/-1!important}
.article-hero-copy{align-self:center!important;min-width:0;padding:clamp(38px,5vw,76px) 0 0!important}
.article-hero h1{
  max-width:14ch!important;
  margin:0 0 30px!important;
  font-size:clamp(52px,6.1vw,104px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
}
.article-hero h1.article-title--medium{max-width:17ch!important;font-size:clamp(44px,5vw,82px)!important;line-height:.92!important}
.article-hero h1.article-title--long{max-width:24ch!important;font-size:clamp(35px,3.7vw,61px)!important;line-height:1!important;letter-spacing:-.04em!important;text-transform:none!important}
.article-hero h1.article-title--extra-long{max-width:30ch!important;font-size:clamp(31px,3.15vw,52px)!important;line-height:1.04!important;letter-spacing:-.032em!important;text-transform:none!important}
.article-hero-copy>p{font-size:clamp(16px,1.25vw,19px)!important}
.article-hero-image{align-self:end!important;height:clamp(430px,62vh,760px)!important;min-width:0!important}
.article-hero-image img{object-fit:cover!important}
.article-layout{grid-template-columns:minmax(190px,.32fr) minmax(0,1fr)!important}
.article-body :where(h2,h3){max-width:24ch}
.related-section h2,.profile-contact h2{font-size:clamp(48px,6.8vw,112px)!important}
.related-card h3,.topic-line h2,.project-ledger h2,.project-profile h1{overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:auto;hyphens:auto}

/* Kommentare */
.article-comments{padding:clamp(90px,11vw,170px) var(--page);background:#fff;border-top:1px solid var(--ink)}
.article-comments-head{display:grid;grid-template-columns:minmax(100px,.25fr) minmax(330px,1fr) minmax(260px,.65fr);gap:clamp(28px,5vw,84px);align-items:start;margin-bottom:clamp(55px,7vw,100px)}
.article-comments-head>div p{margin:13px 0 0;font:700 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.article-comments-head h2{max-width:11ch;margin:0;font:900 clamp(48px,5.7vw,90px)/.88 var(--display);letter-spacing:-.07em;text-transform:uppercase}
.article-comments-head h2 em{display:block;color:var(--cobalt);font:italic 400 .72em/1 var(--serif);letter-spacing:-.04em;text-transform:none}
.article-comments-head>p{max-width:42ch;margin:8px 0 0;font:400 16px/1.75 var(--serif)}
.comment-notice{max-width:980px;margin:0 0 38px;padding:18px 20px;border-left:6px solid var(--cobalt);background:#eef2ff;font-weight:700}
.comment-notice--error{border-color:var(--orange);background:#fff1ec}
.comment-list{list-style:none;margin:0 0 clamp(55px,7vw,90px);padding:0;border-top:1px solid var(--ink)}
.comment-list li{display:grid;grid-template-columns:minmax(180px,.33fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);padding:clamp(32px,4vw,58px) 0;border-bottom:1px solid var(--ink)}
.comment-meta{display:grid;align-content:start;gap:8px}
.comment-meta span,.comment-meta time{font:700 9px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.comment-meta strong{font:900 clamp(22px,2.1vw,34px)/1 var(--display);letter-spacing:-.04em}
.comment-list li>p{max-width:72ch;margin:0;font:400 clamp(18px,1.55vw,22px)/1.72 var(--serif)}
.comment-empty{max-width:70ch;margin:0 0 55px;padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:italic 400 22px/1.45 var(--serif)}
.comment-form{max-width:1050px;padding:clamp(32px,4.5vw,64px);background:var(--paper);border:1px solid var(--ink)}
.comment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin-bottom:30px}
.comment-form label{display:flex;flex-direction:column;gap:8px;font:800 11px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form textarea{width:100%;padding:14px 15px;border:1px solid var(--ink);border-radius:0;background:#fff;font:400 16px/1.5 var(--sans);letter-spacing:0;text-transform:none;outline:0}
.comment-form textarea{resize:vertical;min-height:170px}
.comment-form input:focus,.comment-form textarea:focus{box-shadow:0 0 0 3px rgba(40,85,255,.22);border-color:var(--cobalt)}
.comment-form small{font:400 11px/1.45 var(--sans);letter-spacing:0;text-transform:none;color:var(--muted)}
.comment-field-wide{grid-column:1/-1}
.comment-consent{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;line-height:1.55!important}
.comment-consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--cobalt)}
.comment-consent a{text-decoration:underline;text-underline-offset:3px}
.comment-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* Person 19 */
.person-v19-page{background:#f3f0e8}
.person-v19-hero{position:relative;min-height:max(760px,calc(100svh - 20px));padding:calc(var(--header) + 42px) var(--page) 0;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.person-v19-hero-grid{position:absolute;z-index:-2;inset:var(--header) 0 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.09) 1px);background-size:8.3333% 100%}
.person-v19-hero:before{content:"";position:absolute;z-index:-1;right:-9vw;top:10%;width:min(52vw,760px);aspect-ratio:1;border-radius:50%;background:var(--cobalt)}
.person-v19-hero-copy{position:relative;z-index:3;width:min(58vw,900px);padding-top:clamp(36px,6vh,80px)}
.person-v19-hero .section-index{color:var(--acid)}
.person-v19-kicker{max-width:58ch;margin:22px 0 clamp(36px,5vh,70px);font:700 10px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.person-v19-hero h1{position:relative;z-index:4;max-width:8ch;margin:0;font:900 clamp(82px,11.4vw,204px)/.7 var(--display);letter-spacing:-.09em;text-transform:uppercase}
.person-v19-hero h1 span{display:block}
.person-v19-hero h1 span:last-child{color:var(--acid)}
.person-v19-lead{max-width:42ch;margin:clamp(34px,4vw,60px) 0 26px;font:400 clamp(21px,2vw,31px)/1.25 var(--serif)}
.person-v19-hero-image{position:absolute;z-index:2;right:-1vw;bottom:94px;width:min(48vw,760px);filter:drop-shadow(0 22px 30px rgba(0,0,0,.24))}
.person-v19-hero-image img{width:100%;height:auto}
.person-v19-facts{position:absolute;z-index:5;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0 var(--page);background:rgba(10,13,19,.94);border-top:1px solid rgba(255,255,255,.28)}
.person-v19-facts>div{min-width:0;padding:20px clamp(14px,2vw,32px);border-right:1px solid rgba(255,255,255,.22)}
.person-v19-facts>div:first-child{padding-left:0}.person-v19-facts>div:last-child{border-right:0}
.person-v19-facts dt{font:700 8px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--acid)}
.person-v19-facts dd{margin:8px 0 0;font:700 clamp(13px,1.1vw,17px)/1.35 var(--sans)}
.person-v19-profile,.person-v19-path,.person-v19-experience,.person-v19-reading{padding:clamp(90px,11vw,170px) var(--page)}
.person-v19-profile{background:#f3f0e8}
.person-v19-section-heading{display:grid;grid-template-columns:minmax(110px,.28fr) minmax(430px,1.15fr);gap:clamp(30px,6vw,100px);align-items:start}
.person-v19-section-heading>div p{margin:12px 0 0;font:700 9px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.person-v19-section-heading h2{max-width:12ch;margin:0;font:900 clamp(51px,6vw,96px)/.87 var(--display);letter-spacing:-.075em;text-transform:uppercase}
.person-v19-section-heading h2 em{display:block;color:var(--cobalt);font:italic 400 .72em/1 var(--serif);letter-spacing:-.045em;text-transform:none}
.person-v19-profile-grid{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(420px,1.12fr);gap:clamp(46px,7vw,120px);align-items:start;margin-top:clamp(65px,8vw,120px)}
.person-v19-profile-grid>figure{position:sticky;top:calc(var(--header) + 30px);height:min(72vh,800px);overflow:hidden;background:var(--ink)}
.person-v19-profile-grid>figure img{width:100%;height:100%;object-fit:cover}
.person-v19-profile-grid figcaption{position:absolute;left:18px;bottom:16px;padding:7px 9px;background:var(--acid);color:var(--ink);font:700 8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.person-v19-profile-copy{padding-top:clamp(12px,3vw,48px)}
.person-v19-profile-copy>blockquote{max-width:25ch;margin:0 0 clamp(42px,6vw,75px);padding-left:25px;border-left:9px solid var(--orange);font:italic 400 clamp(29px,3.4vw,52px)/1.08 var(--serif);letter-spacing:-.035em}
.person-v19-profile-copy .article-body{max-width:760px;font-size:clamp(18px,1.45vw,22px)}
.person-v19-profile-copy .article-body p{max-width:66ch}
.person-v19-profile-copy .article-body blockquote{margin:55px 0 0;padding:26px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:italic 400 clamp(23px,2.4vw,36px)/1.25 var(--serif)}
.person-v19-path{background:#fff;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.person-v19-path>header{display:grid;grid-template-columns:minmax(110px,.28fr) minmax(430px,1.15fr) minmax(260px,.65fr);gap:clamp(30px,5vw,80px);align-items:start;margin-bottom:clamp(65px,8vw,110px)}
.person-v19-path>header .section-index{padding-top:10px;color:var(--orange)}
.person-v19-path h2{max-width:12ch;margin:0;font:900 clamp(48px,5.6vw,88px)/.89 var(--display);letter-spacing:-.07em;text-transform:uppercase}
.person-v19-path h2 em{display:block;color:var(--cobalt);font:italic 400 .68em/1 var(--serif);letter-spacing:-.04em;text-transform:none}
.person-v19-path>header>p{max-width:42ch;margin:7px 0 0;font:400 16px/1.75 var(--serif)}
.person-v19-path ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.person-v19-path li{display:grid;grid-template-columns:48px 145px minmax(0,1fr);gap:clamp(20px,4vw,65px);align-items:start;padding:clamp(28px,3.2vw,48px) 0;border-bottom:1px solid var(--ink)}
.person-v19-path li>span,.person-v19-path time{font:700 9px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.person-v19-path time{color:var(--cobalt)}
.person-v19-path h3{max-width:20ch;margin:0 0 14px;font:900 clamp(30px,3.4vw,52px)/.96 var(--display);letter-spacing:-.055em;text-transform:uppercase}
.person-v19-path li p{max-width:67ch;margin:0;font:400 15px/1.75 var(--sans)}
.person-v19-civic{position:relative;padding:clamp(95px,11vw,170px) var(--page);background:var(--cobalt);color:#fff;overflow:hidden}
.person-v19-civic:before{content:"";position:absolute;left:-16vw;bottom:-32vw;width:min(60vw,900px);aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.person-v19-civic-title,.person-v19-civic-copy,.person-v19-principles{position:relative;z-index:1}
.person-v19-civic{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(390px,1.18fr);gap:clamp(58px,9vw,160px)}
.person-v19-civic-title .section-index{color:var(--acid)}
.person-v19-civic-title h2{max-width:10ch;margin:52px 0 28px;font:900 clamp(52px,6.4vw,104px)/.86 var(--display);letter-spacing:-.077em;text-transform:uppercase}
.person-v19-civic-title h2 em{display:block;color:var(--acid);font:italic 400 .7em/1 var(--serif);letter-spacing:-.04em;text-transform:none}
.person-v19-civic-title>p{max-width:39ch;margin:0;color:rgba(255,255,255,.76);font:400 14px/1.7 var(--sans)}
.person-v19-civic-copy{padding-top:48px}.person-v19-civic-copy p{max-width:55ch;margin:0 0 1.35em;color:rgba(255,255,255,.8);font:400 16px/1.75 var(--sans)}
.person-v19-civic-copy .person-v19-civic-lead{font:400 clamp(27px,3vw,45px)/1.13 var(--serif);letter-spacing:-.03em;color:#fff}
.person-v19-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(55px,7vw,100px);border-top:1px solid rgba(255,255,255,.36);border-bottom:1px solid rgba(255,255,255,.36)}
.person-v19-principles article{min-width:0;min-height:250px;padding:28px clamp(23px,3vw,48px);border-right:1px solid rgba(255,255,255,.36)}.person-v19-principles article:last-child{border-right:0}
.person-v19-principles span{font:700 9px/1.3 var(--mono);letter-spacing:.12em;color:var(--acid)}
.person-v19-principles h3{margin:55px 0 17px;font:900 clamp(31px,3.25vw,51px)/.92 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.person-v19-principles p{max-width:37ch;margin:0;color:rgba(255,255,255,.72);font:400 13px/1.7 var(--sans)}
.person-v19-experience{background:#f3f0e8}
.person-v19-section-heading--compact h2{font-size:clamp(47px,5.4vw,86px)}
.person-v19-experience>ol{list-style:none;margin:clamp(65px,8vw,110px) 0 0;padding:0;border-top:1px solid var(--ink)}
.person-v19-experience li{display:grid;grid-template-columns:48px 145px minmax(250px,.8fr) minmax(260px,1fr);gap:clamp(18px,3.5vw,58px);align-items:center;min-height:125px;padding:25px 0;border-bottom:1px solid var(--ink)}
.person-v19-experience li>span,.person-v19-experience time{font:700 9px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.person-v19-experience time{color:var(--cobalt)}
.person-v19-experience strong{font:900 clamp(25px,2.75vw,43px)/.98 var(--display);letter-spacing:-.05em;text-transform:uppercase}
.person-v19-experience li p{max-width:55ch;margin:0;font:400 13px/1.7 var(--sans)}
.person-v19-reading{background:#fff}
.person-v19-reading>header{display:grid;grid-template-columns:minmax(110px,.27fr) minmax(390px,1fr) minmax(260px,.63fr);gap:clamp(30px,5vw,84px);align-items:start;margin-bottom:clamp(65px,8vw,110px)}
.person-v19-reading>header .section-index{padding-top:10px;color:var(--orange)}
.person-v19-reading>header h2{max-width:12ch;margin:0;font:900 clamp(50px,5.8vw,90px)/.88 var(--display);letter-spacing:-.072em;text-transform:uppercase}
.person-v19-reading>header h2 em{display:block;color:var(--cobalt);font:italic 400 .71em/1 var(--serif);letter-spacing:-.04em;text-transform:none}
.person-v19-reading>header p{max-width:42ch;margin:7px 0 0;font:400 16px/1.75 var(--serif)}
.person-v19-reading-list{border-top:1px solid var(--ink)}
.person-v19-reading-list article{position:relative;display:grid;grid-template-columns:minmax(310px,.72fr) minmax(420px,1.28fr);min-height:410px;border-bottom:1px solid var(--ink)}
.person-v19-reading-list article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--reading-accent)}
.person-v19-reading-list figure{min-height:410px;overflow:hidden;background:var(--ink)}
.person-v19-reading-list figure a,.person-v19-reading-list figure img{display:block;width:100%;height:100%}.person-v19-reading-list figure img{object-fit:cover;filter:saturate(.82);transition:transform .45s ease}.person-v19-reading-list article:hover img{transform:scale(1.025)}
.person-v19-reading-list article>div{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,80px)}
.person-v19-reading-list article>div>p{margin:0 0 25px;font:700 9px/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--cobalt)}
.person-v19-reading-list h3{max-width:22ch;margin:0 0 25px;font:900 clamp(31px,3.7vw,58px)/.95 var(--display);letter-spacing:-.052em;text-transform:none}
.person-v19-reading-list article>div>span{display:block;max-width:62ch;margin-bottom:28px;font:400 15px/1.7 var(--serif)}
.person-v19-reading-list .text-link{width:max-content}
.person-v19-publication{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);min-height:680px;background:var(--ink);color:#fff}
.person-v19-publication figure{position:relative;min-height:680px;overflow:hidden}.person-v19-publication figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.05)}
.person-v19-publication figure:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,13,19,.55),transparent 55%)}
.person-v19-publication figcaption{position:absolute;z-index:2;left:22px;bottom:18px;font:700 8px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.person-v19-publication>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,7vw,115px)}
.person-v19-publication .section-index{margin-bottom:28px;color:var(--acid)}.person-v19-publication>div>p:first-of-type{margin:0 0 24px;font:700 9px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.person-v19-publication h2{max-width:11ch;margin:0 0 35px;font:900 clamp(48px,5.5vw,88px)/.88 var(--display);letter-spacing:-.07em;text-transform:uppercase}
.person-v19-publication h2 em{display:block;color:var(--acid);font:italic 400 .72em/1 var(--serif);letter-spacing:-.04em;text-transform:none}
.person-v19-publication h3{max-width:36ch;margin:0 0 22px;font:700 clamp(20px,1.8vw,29px)/1.25 var(--serif)}
.person-v19-publication>div>p:last-of-type{max-width:49ch;margin:0 0 30px;color:rgba(255,255,255,.76);font:400 14px/1.75 var(--sans)}
.person-v19-publication .arrow-link{width:max-content;color:#fff}
.person-v19-contact{background:#171a20}

@media(max-width:1100px){
  .article-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr)!important}
  .person-v19-hero-copy{width:62vw}.person-v19-hero-image{right:-8vw;width:56vw}
  .person-v19-section-heading,.person-v19-path>header,.person-v19-reading>header{grid-template-columns:110px minmax(0,1fr)}
  .person-v19-path>header>p,.person-v19-reading>header>p{grid-column:2}
  .person-v19-profile-grid{grid-template-columns:minmax(300px,.82fr) minmax(360px,1.18fr);gap:50px}
  .person-v19-civic{grid-template-columns:1fr}.person-v19-civic-copy{padding-top:0}.person-v19-principles{grid-column:auto}
  .person-v19-experience li{grid-template-columns:42px 120px minmax(220px,.8fr) 1fr}
  .person-v19-reading-list article{grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr)}
}
@media(max-width:780px){
  .brand-logo{height:38px;max-width:145px}.brand--logo-only .brand-logo{height:42px;max-width:190px}
  .article-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:calc(var(--header) + 36px) 20px 48px!important;gap:30px!important}
  .article-hero-copy{order:2;padding:0!important}.article-hero-image{order:3;width:100%!important;height:56vh!important;min-height:330px!important}.article-hero-meta{order:1}
  .article-hero h1,.article-hero h1.article-title--medium{max-width:none!important;font-size:clamp(39px,11vw,55px)!important;line-height:.95!important;letter-spacing:-.055em!important}
  .article-hero h1.article-title--long{max-width:none!important;font-size:clamp(31px,8.6vw,43px)!important;line-height:1.02!important}
  .article-hero h1.article-title--extra-long{max-width:none!important;font-size:clamp(27px,7.4vw,37px)!important;line-height:1.07!important;letter-spacing:-.026em!important}
  .article-layout{display:block!important;padding:72px 20px!important}.article-aside{margin-bottom:50px}
  .related-section h2,.profile-contact h2{font-size:clamp(42px,11.5vw,58px)!important}
  .article-comments{padding:78px 20px}.article-comments-head{display:block;margin-bottom:52px}.article-comments-head>div{margin-bottom:35px}.article-comments-head h2{max-width:none;font-size:clamp(42px,11.5vw,56px)}.article-comments-head>p{margin-top:26px}
  .comment-list li{display:block;padding:30px 0}.comment-meta{margin-bottom:22px}.comment-list li>p{font-size:19px}.comment-form{padding:24px 20px}.comment-form-grid{grid-template-columns:1fr}.comment-field-wide{grid-column:auto}

  .person-v19-hero{min-height:880px;padding:calc(var(--header) + 30px) 20px 0}.person-v19-hero:before{right:-48vw;top:18%;width:135vw}.person-v19-hero-copy{width:auto;padding-top:25px}.person-v19-kicker{margin:18px 0 32px}.person-v19-hero h1{max-width:none;font-size:clamp(62px,20vw,92px);line-height:.75}.person-v19-lead{position:absolute;z-index:4;left:0;top:490px;width:min(78vw,350px);font-size:22px}.person-v19-hero .arrow-link{position:absolute;z-index:4;left:0;top:625px}.person-v19-hero-image{right:-34vw;bottom:126px;width:128vw}.person-v19-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px}.person-v19-facts>div{padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.22)}.person-v19-facts>div:nth-child(2){border-right:0}.person-v19-facts>div:nth-last-child(-n+2){border-bottom:0}.person-v19-facts>div:first-child{padding-left:0}
  .person-v19-profile,.person-v19-path,.person-v19-experience,.person-v19-reading{padding:78px 20px}.person-v19-section-heading,.person-v19-path>header,.person-v19-reading>header{display:block}.person-v19-section-heading>div,.person-v19-path>header .section-index,.person-v19-reading>header .section-index{display:block;margin-bottom:34px}.person-v19-section-heading h2,.person-v19-path h2,.person-v19-reading>header h2{max-width:none;font-size:clamp(40px,11.7vw,56px);line-height:.91}.person-v19-path>header>p,.person-v19-reading>header>p{margin-top:28px}
  .person-v19-profile-grid{display:block;margin-top:55px}.person-v19-profile-grid>figure{position:relative;top:auto;height:60vh;max-height:620px}.person-v19-profile-copy{padding-top:50px}.person-v19-profile-copy>blockquote{font-size:clamp(29px,8.5vw,40px)}.person-v19-profile-copy .article-body{font-size:18px}
  .person-v19-path>header{margin-bottom:45px}.person-v19-path li{grid-template-columns:34px minmax(0,1fr);gap:10px 18px}.person-v19-path time,.person-v19-path li>div{grid-column:2;min-width:0}.person-v19-path h3{font-size:clamp(29px,8.5vw,39px)}
  .person-v19-civic{display:block;padding:82px 20px}.person-v19-civic-title h2{max-width:none;margin-top:40px;font-size:clamp(43px,12vw,59px)}.person-v19-civic-copy{margin-top:48px}.person-v19-civic-copy .person-v19-civic-lead{font-size:28px}.person-v19-principles{display:block;margin-top:50px}.person-v19-principles article{min-height:0;padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.36)}.person-v19-principles article:last-child{border-bottom:0}.person-v19-principles h3{margin:38px 0 15px;font-size:36px}
  .person-v19-experience>ol{margin-top:55px}.person-v19-experience li{grid-template-columns:34px 1fr;gap:10px 18px;padding:26px 0}.person-v19-experience time,.person-v19-experience strong,.person-v19-experience li p{grid-column:2}.person-v19-experience strong{font-size:clamp(27px,8vw,38px)}
  .person-v19-reading-list article{display:block;min-height:0}.person-v19-reading-list figure{height:48vh;min-height:330px}.person-v19-reading-list article>div{padding:38px 24px 48px}.person-v19-reading-list h3{max-width:none;font-size:clamp(29px,8.2vw,39px)}
  .person-v19-publication{display:block;min-height:0}.person-v19-publication figure{min-height:0;height:56vh}.person-v19-publication>div{padding:72px 20px}.person-v19-publication h2{font-size:clamp(42px,11.8vw,57px)}
}
@media(max-width:430px){
  .person-v19-hero{min-height:840px}.person-v19-hero h1{font-size:19vw}.person-v19-lead{top:455px;font-size:20px}.person-v19-hero .arrow-link{top:588px}.person-v19-hero-image{right:-42vw;bottom:118px;width:142vw}
  .person-v19-facts dd{font-size:12px}.person-v19-reading-list figure{height:42vh;min-height:285px}
}

/* ==========================================================================
   Version 19.1 — typografische Feinkorrektur
   ========================================================================== */

/* Display-Überschriften bleiben auf kleinen Bildschirmen innerhalb ihrer
   Spalte. Lange deutsche Wörter werden nicht willkürlich mitten im Wort
   getrennt; stattdessen wird die Schriftgröße kontrolliert reduziert. */
@media (max-width:680px){
  .perspective-title{
    max-width:100%!important;
    font-size:clamp(36px,10.8vw,43px)!important;
    line-height:.92!important;
    letter-spacing:-.062em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    -webkit-hyphens:none!important;
    hyphens:none!important;
    text-wrap:balance!important;
  }
}

.article-body h2{
  width:100%;
  max-width:23.5ch!important;
  letter-spacing:-.048em;
}

@media (max-width:780px){
  .person-v19-hero .arrow-link{display:none!important}
}

@media (max-width:780px){
  .article-body h2{
    max-width:100%!important;
    font-size:clamp(25px,6.65vw,31px)!important;
    line-height:1.04!important;
    letter-spacing:-.036em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    -webkit-hyphens:auto!important;
    hyphens:auto!important;
    text-wrap:balance!important;
  }
}

/* ==========================================================================
   Version 19.2 — schmale Viewports und deutsche Überschriften
   ========================================================================== */
@media (max-width:360px){
  .perspective-title{
    font-size:32px!important;
    line-height:.94!important;
    letter-spacing:-.052em!important;
  }
  .footer-name{
    width:100%;
    max-width:100%;
    overflow:hidden;
    font-size:clamp(30px,9.7vw,35px)!important;
    letter-spacing:-.05em!important;
  }
  .article-body h2,
  .project-profile-prose h2{
    max-width:100%!important;
    font-size:22px!important;
    line-height:1.09!important;
    letter-spacing:-.022em!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    -webkit-hyphens:auto!important;
    hyphens:auto!important;
    text-wrap:balance!important;
  }
  .person-v19-path h2{
    font-size:35px!important;
    line-height:.94!important;
    letter-spacing:-.052em!important;
  }
  .person-v19-path li{grid-template-columns:34px minmax(0,1fr)!important}
  .person-v19-path time,.person-v19-path li>div{min-width:0}
  .person-v19-path h3{
    max-width:100%;
    font-size:26px!important;
    line-height:1!important;
    letter-spacing:-.038em!important;
    overflow-wrap:break-word;
    -webkit-hyphens:auto;
    hyphens:auto;
  }
  .dossier-post h3{
    max-width:100%;
    font-size:27px!important;
    line-height:1!important;
    letter-spacing:-.026em!important;
    overflow-wrap:break-word;
    -webkit-hyphens:auto;
    hyphens:auto;
  }
  .dossier-post h3 a,
  .dossier-next a,
  .project-related a{
    min-width:0;
    overflow-wrap:break-word;
    -webkit-hyphens:auto;
    hyphens:auto;
  }
}

/* ==========================================================================
   Version 19.3 — Projektüberschriften im Tablet-Raster
   ========================================================================== */
@media (min-width:901px) and (max-width:1180px){
  .project-profile-heading{min-width:0}
  .project-profile-heading h1{
    max-width:100%;
    font-size:clamp(50px,5.9vw,70px);
    line-height:.86;
    letter-spacing:-.058em;
  }
}


/* ==========================================================================
   Version 19.4 — stabile mobile Komposita und benutzerdefiniertes Logo
   ========================================================================== */
.person-v19-page,.person-v19-path,.person-v19-path ol,.person-v19-path li,.person-v19-path li>div{
  min-width:0;
  max-width:100%;
}
.newsletter-honeypot{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  max-width:1px!important;
  max-height:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.newsletter-honeypot *{max-width:1px!important;max-height:1px!important;overflow:hidden!important}
@media (max-width:430px){
  .person-v19-page{overflow-x:clip}
  .person-v19-path h3{
    max-width:100%!important;
    min-width:0!important;
    font-size:clamp(23px,7.35vw,31px)!important;
    line-height:1.02!important;
    letter-spacing:-.032em!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    -webkit-hyphens:auto!important;
    hyphens:auto!important;
    text-wrap:balance!important;
  }
}
@media (max-width:360px){
  .brand--has-logo .brand-copy{display:none}
  .brand--has-logo .brand-logo{max-width:min(156px,51vw);height:40px}
}