:root{--paper:#f7f3eb;--paper2:#eee7dc;--ink:#2f2925;--espresso:#4b403a;--muted:#776b64;--gold:#ad8950;--aub:#5b3b52;--sage:#949c87;--line:rgba(47,41,37,.16);--cream:#fffaf1;--serif-display:"Libre Caslon Display",Georgia,serif;--serif:"Libre Caslon Text",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--script:"Allura",cursive;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--espresso);font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:auto}a{color:inherit}.skip{position:absolute;left:-9999px}.shell{width:min(calc(100% - 96px),var(--max));margin:auto}.shell-wide{width:min(calc(100% - 48px),1540px);margin:auto}.section{padding-block:clamp(90px,10vw,160px)}.header{height:82px;padding:0 44px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;background:rgba(247,243,235,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.signature{font:44px/1 var(--script);text-decoration:none;color:#25201d;white-space:nowrap}.signature.large{font-size:62px}.header nav{display:flex;gap:30px}.header nav a{text-decoration:none;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.menu{display:none;background:none;border:0;text-transform:uppercase;letter-spacing:.12em}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:center}.eyebrow,.work-copy>span,.work-hero div>p,.work-copy>span,.work-hero div>p{color:var(--gold);font-size:10px;letter-spacing:.22em;text-transform:uppercase}.hero h1,h2,h3,.work-hero h1{font-family:var(--serif-display);font-weight:400;color:var(--ink);letter-spacing:-.025em}.hero h1{font-size:clamp(64px,7vw,112px);line-height:.94;margin:.2em 0}.hero-stage{aspect-ratio:4/5;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font:italic 18px var(--serif);background:linear-gradient(145deg,var(--paper2),var(--paper))}.actions{display:flex;gap:14px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.button.filled{background:var(--aub);border-color:var(--aub);color:white}.why,.sunday{background:var(--paper2)}.split-heading{display:grid;grid-template-columns:170px 1fr;align-items:end}.split-heading h2,.stories-title h2,.sunday h2,.paths h2,.contact h2{font-size:clamp(54px,6vw,94px);line-height:.95;margin:0}.why-grid{margin-top:70px;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.why-grid blockquote,.sunday blockquote{font:italic clamp(28px,3vw,46px)/1.3 var(--serif);margin:0;color:var(--aub)}.prose{font-family:var(--serif);font-size:18px;max-width:760px}.prose p{margin:0 0 1.25em}.manifest p{margin-bottom:1.15em}.about-photo{margin-top:70px}.about-photo img{max-height:850px;object-fit:contain;object-position:center;background:var(--paper)}.about-copy{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;margin-top:68px}.about-copy h3{font-size:clamp(34px,4vw,62px);line-height:1.07;margin:0;color:var(--aub)}.flowing p{margin-bottom:1em}.stories-title{text-align:center;padding-bottom:80px}.stories-title .number{margin-bottom:10px}.stories-title h2{margin:0}.stories-title>p:last-child{font:italic 20px var(--serif);color:var(--muted)}.work{width:min(calc(100% - 96px),1420px);margin:0 auto clamp(140px,14vw,220px);display:grid;align-items:center;gap:7vw}.work-city{grid-template-columns:1.15fr .85fr}.work-tailor{grid-template-columns:.8fr 1.2fr}.work-image img{aspect-ratio:4/5;object-fit:cover}.work-tailor .work-image img{aspect-ratio:1.15/1;object-fit:cover}.work-copy h3{font-size:clamp(48px,5vw,82px);line-height:.98;margin:.14em 0 .34em}.work-copy blockquote{font:italic 23px/1.45 var(--serif);color:var(--aub);margin:0 0 26px}.work-copy p{font-family:var(--serif);font-size:17px;max-width:560px}.text-link{text-transform:uppercase;letter-spacing:.14em;font-size:10px;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:6px}.work-westwind{display:block}.work-cinema img{aspect-ratio:21/8;object-fit:cover}.work-copy.centered{text-align:center;max-width:760px;margin:56px auto 0}.work-copy.centered p{margin-inline:auto}.sunday-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.sunday figure{margin:0}.sunday figure img{aspect-ratio:1.2/1;object-fit:cover}.paths{background:#3c3430;color:var(--cream)}.paths h2,.paths h3{color:var(--cream)}.paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.light{color:#e7ded2}.offers{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.15)}.offers div{background:#3c3430;padding:34px}.offers h3{font-size:26px;margin:0 0 10px}.offers p{margin:0;color:#ddd2c7}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}.contact .prose a{color:var(--aub)}.farewell{text-align:center;border-top:1px solid var(--line);margin-top:110px;padding-top:90px}.farewell p{font-family:var(--serif);font-size:20px}.footer{display:flex;justify-content:space-between;padding:28px 0;border-top:1px solid var(--line);font-size:11px}.footer div{display:flex;gap:24px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}.reveal.in{opacity:1;transform:none}
/* work pages */.work-hero{min-height:calc(100vh - 82px);position:relative;display:grid;place-items:center;overflow:hidden}.work-hero img{position:absolute;inset:0;height:100%;object-fit:cover;filter:brightness(.68)}.work-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,20,18,.55),rgba(24,20,18,.08))}.work-hero>div{position:relative;z-index:2;text-align:center;color:white;width:min(90%,1000px)}.work-hero h1{font-size:clamp(65px,10vw,150px);line-height:.9;color:white;margin:.18em 0}.work-hero blockquote{font:italic 24px/1.5 var(--serif);margin:auto;max-width:680px}.city-hero img{object-position:center}.west-hero img{object-position:center}.work-body{max-width:1080px}.work-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.work-intro h2,.behind h2{font-size:clamp(46px,5vw,76px);line-height:1;margin:0}.behind{margin-top:130px;padding-top:110px;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.behind .number{grid-column:1/-1}.behind .prose{max-width:none}.big-quote{font:italic clamp(35px,4.5vw,64px)/1.28 var(--serif);color:var(--aub);text-align:center;margin:140px auto;max-width:980px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts div{padding:36px;border-right:1px solid var(--line)}.facts div:last-child{border-right:0}.facts span{text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:var(--gold)}.facts p{font:17px/1.55 var(--serif)}.next-work{text-align:right;margin-top:90px}.next-work a{text-decoration:none;font-family:var(--serif)}
@media(max-width:900px){.header{padding-inline:20px}.header nav{display:none;position:absolute;left:0;right:0;top:82px;background:var(--paper);padding:28px;flex-direction:column}.header nav.open{display:flex}.menu{display:block}.signature{font-size:34px}.shell{width:min(calc(100% - 40px),var(--max))}.hero,.why-grid,.about-copy,.work,.sunday-grid,.paths-grid,.contact-grid,.work-intro,.behind{grid-template-columns:1fr}.hero{padding-block:70px}.hero-stage{display:none}.split-heading{grid-template-columns:1fr}.about-photo img{height:auto;aspect-ratio:4/3}.work{width:min(calc(100% - 40px),1420px);gap:42px}.work-tailor .work-copy{order:2}.work-image img,.work-tailor .work-image img{aspect-ratio:4/3}.work-cinema img{aspect-ratio:16/9}.offers{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid var(--line)}.facts div:last-child{border-bottom:0}.work-hero{min-height:78vh}.work-hero h1{font-size:58px}.section{padding-block:90px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Edition Two refinements – 03.08.2026 */
.signature-image{display:inline-flex;align-items:center;line-height:0}
.signature-image img{width:230px;height:auto;display:block}
.signature-image.large{display:flex;justify-content:center;margin-top:24px}
.signature-image.large img{width:min(420px,76vw)}

/* Complete portrait: preserve the original 4:3 composition, including hair, book and coffee. */
.about-photo{background:var(--paper2);overflow:hidden}
.about-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}

/* Large editorial chapter numerals used as quiet watermarks. */
.why,.about,.stories,.sunday,.paths,.contact{position:relative;overflow:hidden}
.split-heading,.stories-title,.sunday-grid,.paths-grid,.contact-grid{position:relative}
.split-heading{display:block}
.split-heading .number,
.stories-title .number,
.sunday-grid .number,
.paths-grid .number,
.contact-grid .number{
  position:absolute;
  z-index:0;
  margin:0;
  font-family:var(--serif-display);
  font-size:clamp(150px,20vw,310px);
  font-weight:400;
  line-height:.72;
  letter-spacing:-.08em;
  color:var(--gold);
  opacity:.105;
  pointer-events:none;
  user-select:none;
}
.split-heading .number{left:-.06em;top:-.44em}
.split-heading h2{position:relative;z-index:1;padding-left:clamp(40px,8vw,125px)}
.stories-title .number{left:50%;top:-.42em;transform:translateX(-50%)}
.stories-title h2,.stories-title>p:last-child{position:relative;z-index:1}
.sunday-grid .number{right:-.08em;top:-.34em}
.sunday-grid>div{position:relative;z-index:1}
.paths-grid .number{left:-.12em;top:-.34em;color:var(--cream);opacity:.07}
.paths-grid>div,.offers{position:relative;z-index:1}
.contact-grid .number{left:-.1em;top:-.4em}
.contact-grid>div{position:relative;z-index:1}

/* The Sonntagsbrief subline should read like the other chapter quotations, not as a second heading. */
.sunday blockquote{
  font-size:23px;
  line-height:1.45;
  margin:18px 0 30px;
  max-width:560px;
}

@media(max-width:900px){
  .signature-image img{width:178px}
  .signature-image.large img{width:min(330px,78vw)}
  .split-heading h2{padding-left:28px}
  .split-heading .number,.stories-title .number,.sunday-grid .number,.paths-grid .number,.contact-grid .number{font-size:140px}
  .about-photo{width:calc(100% - 40px)}
  .about-photo img{height:auto;aspect-ratio:auto;object-fit:contain}
  .sunday blockquote{font-size:21px}
}

.number{font-family:var(--serif-display);font-size:clamp(120px,18vw,260px);line-height:.8;color:rgba(173,137,80,.12);letter-spacing:-.05em;position:absolute;transform:translateY(-20%);z-index:0}.split-heading,.stories-title,.sunday-grid>div,.paths .split-heading,.contact .split-heading{position:relative}.sunday blockquote{font-size:clamp(20px,2vw,30px)}
/* Bildkorrektur Die Herrenschneiderin */
.work-tailor .work-image img{aspect-ratio:3/2;object-fit:contain;background:var(--paper)}
.tailor-hero{min-height:0;display:block;background:#8a633d}
.tailor-hero img{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;filter:none}
.tailor-hero:after{display:none}
@media(max-width:760px){.work-tailor .work-image img{aspect-ratio:auto}.tailor-hero img{height:auto}}

/* Kapitelzahlen vollständig sichtbar – Korrektur 03.08.2026 */
.why .split-heading .number,
.about .split-heading .number,
.contact .contact-grid .number,
.sunday .sunday-grid .number{
  top:0;
  transform:none;
}

/* Die Herrenschneiderin – literarische Unterseite, 06.08.2026 */
.tailor-page{overflow:hidden}
.tailor-story-hero{position:relative;min-height:calc(100vh - 82px);background:#6e4f37;overflow:hidden}
.tailor-story-hero>img{width:100%;height:calc(100vh - 82px);object-fit:cover;object-position:center 48%}
.tailor-story-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,21,18,.05) 35%,rgba(28,21,18,.72) 100%)}
.tailor-story-title{position:absolute;z-index:2;left:max(48px,calc((100vw - 1280px)/2));right:48px;bottom:clamp(48px,7vw,105px);color:#fff}
.tailor-story-title p,.tailor-kicker,.tailor-section-heading>p,.tailor-reading-heading>p{margin:0 0 12px;color:var(--gold);font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.tailor-story-title p{color:#f1d9ae}
.tailor-story-title h1{max-width:980px;margin:0;color:#fff;font:400 clamp(58px,8.2vw,128px)/.94 var(--serif-display);letter-spacing:-.035em}
.tailor-opening{padding-bottom:clamp(110px,12vw,180px)}
.tailor-opening-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:start}
.tailor-opening h2,.tailor-section-heading h2,.tailor-reading-heading h2,.tailor-letter h2{margin:0;color:var(--ink);font:400 clamp(46px,5.4vw,78px)/1.02 var(--serif-display);letter-spacing:-.03em}
.tailor-lead{max-width:720px;font-size:19px}
.tailor-confession{padding:clamp(35px,5vw,70px) 0 clamp(120px,14vw,205px)}
.tailor-confession blockquote{max-width:1030px;margin:0 auto;text-align:center;color:var(--aub);font:italic clamp(35px,4.9vw,67px)/1.28 var(--serif)}
.tailor-confession blockquote span{display:block;font-size:.68em;margin-bottom:.28em;color:var(--muted)}
.tailor-world{background:var(--paper2)}
.tailor-section-heading{text-align:center;margin-bottom:70px}
.tailor-world-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.tailor-world-grid article{position:relative;min-height:295px;padding:46px 34px 38px;overflow:hidden;border-right:1px solid rgba(47,41,37,.12);border-bottom:1px solid rgba(47,41,37,.12)}
.tailor-world-grid article>span{position:absolute;z-index:0;top:-.22em;left:-.08em;display:block;margin:0;color:rgba(173,137,80,.065);font:400 clamp(155px,13vw,215px)/.8 var(--serif-display);letter-spacing:-.08em;opacity:0;transform:translate3d(-12px,8px,0);pointer-events:none;user-select:none;will-change:opacity,transform}
.tailor-world-grid h3{position:relative;z-index:1;font-size:clamp(29px,3vw,43px);line-height:1.05;margin:82px 0 18px}
.tailor-world-grid p{position:relative;z-index:1;max-width:260px;margin:0;color:var(--muted);font:17px/1.65 var(--serif)}
.tailor-world.reveal.in .tailor-world-grid article>span{animation:city-folio-in 1.05s cubic-bezier(.22,.7,.25,1) both}
.tailor-world.reveal.in .tailor-world-grid article:nth-child(2)>span{animation-delay:.07s}
.tailor-world.reveal.in .tailor-world-grid article:nth-child(3)>span{animation-delay:.14s}
.tailor-world.reveal.in .tailor-world-grid article:nth-child(4)>span{animation-delay:.21s}
.tailor-world.reveal.in .tailor-world-grid article:nth-child(5)>span{animation-delay:.28s}
.tailor-world.reveal.in .tailor-world-grid article:nth-child(6)>span{animation-delay:.35s}
.tailor-line{padding-block:clamp(110px,14vw,210px)}
.tailor-line blockquote{max-width:900px;margin:0 auto;text-align:center;color:var(--aub);font:italic clamp(45px,6.8vw,92px)/1.12 var(--serif)}
.tailor-reading{background:#3c3430;color:var(--cream)}
.tailor-reading-shell{max-width:1000px}
.tailor-reading-heading{text-align:center;margin-bottom:72px}
.tailor-reading-heading h2{color:var(--cream);font-size:clamp(58px,7vw,98px)}
.tailor-reading-heading span{display:block;margin-top:18px;color:#d6c9bc;font:italic 17px var(--serif)}
.tailor-manuscript{max-width:760px;margin:auto;padding:clamp(36px,6vw,76px);background:#f5efe5;color:var(--espresso);box-shadow:0 22px 70px rgba(18,13,10,.22);font:19px/1.92 var(--serif)}
.tailor-manuscript p{margin:0 0 1.35em}
.tailor-manuscript p:last-child{margin-bottom:0}
.tailor-manuscript .dropcap:first-letter{float:left;font:400 92px/.72 var(--serif-display);padding:12px 10px 0 0;color:var(--aub)}
.tailor-letter{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:start;border-bottom:1px solid var(--line)}
.tailor-letter .button{margin-top:22px}
.tailor-page>.next-work{padding:60px 0 90px;margin-top:0}

@media(max-width:900px){
  .tailor-story-hero,.tailor-story-hero>img{min-height:72vh;height:72vh}
  .tailor-story-hero>img{object-position:56% center}
  .tailor-story-title{left:20px;right:20px;bottom:42px}
  .tailor-story-title h1{font-size:clamp(48px,15vw,72px)}
  .tailor-opening-grid,.tailor-letter{grid-template-columns:1fr;gap:38px}
  .tailor-world-grid{grid-template-columns:1fr 1fr}
  .tailor-confession{padding-top:20px}
  .tailor-manuscript{padding:38px 24px;font-size:17px}
}
@media(max-width:620px){
  .tailor-world-grid{grid-template-columns:1fr}
  .tailor-world-grid article{min-height:0}
  .tailor-world-grid article>span{top:-.15em;font-size:155px}
  .tailor-world-grid h3{margin-top:72px}
  .tailor-confession blockquote{font-size:34px}
  .tailor-line blockquote{font-size:48px}
}

/* Die vertikale Stadt */
.city-page{overflow:hidden;background:#f8f4ea}
.city-story-hero{position:relative;min-height:calc(100vh - 82px);background:#9a8a72;overflow:hidden}
.city-story-hero>img{width:100%;height:calc(100vh - 82px);object-fit:cover;object-position:center 44%;filter:saturate(.9) contrast(.94)}
.city-story-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,28,22,.04) 25%,rgba(31,28,22,.76) 100%)}
.city-story-title{position:absolute;z-index:2;left:max(48px,calc((100vw - 1280px)/2));right:48px;bottom:clamp(42px,6vw,92px);color:#fff}
.city-story-title>p,.city-kicker,.city-section-heading>p,.city-reading-heading>p,.city-letter-heading>p{margin:0 0 12px;color:#cda85e;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.city-story-title>p{color:#f4da98}
.city-story-title h1{max-width:1050px;margin:0;color:#fff;font:400 clamp(58px,8.3vw,128px)/.92 var(--serif-display);letter-spacing:-.04em}
.city-story-title blockquote{max-width:680px;margin:28px 0 0;color:#fff;font:italic clamp(18px,1.4vw,22px)/1.55 var(--serif)}
.city-opening{padding-bottom:clamp(105px,12vw,170px)}
.city-opening-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:start}
.city-opening h2,.city-section-heading h2,.city-lemon-copy h2,.city-letter-heading h2,.city-reading-heading h2,.city-newsletter h2{margin:0;color:#27241f;font:400 clamp(46px,5.4vw,78px)/1.02 var(--serif-display);letter-spacing:-.03em}
.city-lead{max-width:730px;font-size:19px}
.city-confession{padding:clamp(20px,4vw,55px) 0 clamp(120px,14vw,200px)}
.city-confession blockquote{max-width:1060px;margin:0 auto;text-align:center;color:#80623d;font:italic clamp(34px,4.7vw,64px)/1.3 var(--serif)}
.city-confession blockquote span{display:block;margin-bottom:.3em;color:#9a8c7a;font-size:.64em}
.city-visual{position:relative;min-height:min(78vh,820px);overflow:hidden;background:#6b8c9a}
.city-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.07);filter:saturate(.92) brightness(.72)}
.city-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,31,34,.58),rgba(21,31,34,.05) 65%)}
.city-visual-copy{position:absolute;z-index:2;left:max(48px,calc((100vw - 1280px)/2));bottom:clamp(48px,8vw,110px);max-width:760px;color:#fff}
.city-visual-copy p{margin:0 0 12px;color:#f1d285;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.city-visual-copy h2{margin:0;color:#fff;font:400 clamp(42px,5.4vw,76px)/1.05 var(--serif-display);letter-spacing:-.03em}
.city-world{background:#efe8d9}
.city-section-heading{text-align:center;margin-bottom:70px}
.city-world-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8cbb6;border-left:1px solid #d8cbb6}
.city-world-grid article{position:relative;min-height:295px;padding:46px 34px 38px;overflow:hidden;border-right:1px solid rgba(216,203,182,.72);border-bottom:1px solid rgba(216,203,182,.72)}
.city-world-grid article>span{position:absolute;z-index:0;top:-.22em;left:-.08em;display:block;margin:0;color:rgba(173,137,80,.065);font:400 clamp(155px,13vw,215px)/.8 var(--serif-display);letter-spacing:-.08em;opacity:0;transform:translate3d(-12px,8px,0);pointer-events:none;user-select:none;will-change:opacity,transform}
.city-world-grid h3{position:relative;z-index:1;font-size:clamp(29px,3vw,43px);line-height:1.05;margin:82px 0 18px}
.city-world-grid p{position:relative;z-index:1;max-width:275px;margin:0;color:#766f65;font:17px/1.65 var(--serif)}
.city-world.reveal.in .city-world-grid article>span{animation:city-folio-in 1.05s cubic-bezier(.22,.7,.25,1) both}
.city-world.reveal.in .city-world-grid article:nth-child(2)>span{animation-delay:.07s}
.city-world.reveal.in .city-world-grid article:nth-child(3)>span{animation-delay:.14s}
.city-world.reveal.in .city-world-grid article:nth-child(4)>span{animation-delay:.21s}
.city-world.reveal.in .city-world-grid article:nth-child(5)>span{animation-delay:.28s}
.city-world.reveal.in .city-world-grid article:nth-child(6)>span{animation-delay:.35s}
@keyframes city-folio-in{from{opacity:0;transform:translate3d(-12px,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.city-lemon-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}
.city-lemon-art{position:relative;min-height:520px;overflow:hidden;background:#e9e0ce;box-shadow:0 30px 80px rgba(93,78,42,.12)}
.city-lemon-art img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center}
.city-lemon-copy{max-width:650px}
.city-lemon-copy .prose{margin-top:32px}
.city-letter-section{background:#3d4e4b;color:#f4eee3}
.city-letter-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;align-items:start}
.city-letter-heading h2{color:#f4eee3}
.city-letter-heading>p{color:#e9cf7d}
.city-letter-paper{position:relative;max-width:720px;padding:clamp(42px,6vw,78px);background:#f3ead8;color:#4a4036;box-shadow:0 24px 70px rgba(13,20,18,.28);font:italic 19px/1.9 var(--serif);transform:rotate(-.5deg)}
.city-letter-paper:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(130,91,37,.055) 1px,transparent 1px),linear-gradient(rgba(130,91,37,.045) 1px,transparent 1px);background-size:34px 34px}
.city-letter-paper p{position:relative;margin:0 0 1.15em}
.city-letter-paper p:last-child{margin-bottom:0}
.city-letter-salutation{font-size:24px}.city-letter-signature{text-align:right;font:48px/1 var(--script);color:#7b5b35;padding-top:14px}
.city-line{padding-block:clamp(110px,14vw,210px)}
.city-line blockquote{max-width:980px;margin:0 auto;text-align:center;color:#7c5f3b;font:italic clamp(42px,6.2vw,84px)/1.15 var(--serif)}
.city-reading{background:#273538;color:#f5efe5}
.city-reading-shell{max-width:1000px}
.city-reading-heading{text-align:center;margin-bottom:72px}
.city-reading-heading h2{color:#f5efe5;font-size:clamp(58px,7vw,98px)}
.city-reading-heading>p{color:#e9cf7d}
.city-reading-heading span{display:block;margin-top:18px;color:#d5d0c6;font:italic 17px var(--serif)}
.city-manuscript{max-width:760px;margin:auto;padding:clamp(36px,6vw,76px);background:#f5efe5;color:#413a33;box-shadow:0 22px 70px rgba(8,13,14,.3);font:19px/1.92 var(--serif)}
.city-manuscript p{margin:0 0 1.35em}.city-manuscript p:last-child{margin-bottom:0}
.city-manuscript .dropcap:first-letter{float:left;font:400 92px/.72 var(--serif-display);padding:12px 10px 0 0;color:#7d603d}
.city-newsletter{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:start;border-bottom:1px solid var(--line)}
.city-newsletter .button{margin-top:22px}
.city-page>.next-work{padding:60px 0 90px;margin-top:0}
.work-page-return-nav{display:flex;align-items:center;justify-content:space-between;gap:34px;text-align:left}
.work-page-return-nav .back-button{flex:0 0 auto;font-family:var(--sans)}
.work-page-return-nav .next-story-link{margin-left:auto;text-align:right}
.legal-page{min-height:calc(100vh - 82px);background:var(--paper)}
.legal-content{max-width:980px}
.legal-content>h1{max-width:800px;margin:.15em 0 .7em;font:400 clamp(64px,8vw,112px)/.95 var(--serif-display);letter-spacing:-.035em;color:var(--ink)}
.legal-grid{display:grid;gap:0;margin-bottom:64px;border-top:1px solid var(--line)}
.legal-grid section{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:50px;padding:38px 0;border-bottom:1px solid var(--line)}
.legal-grid h2{margin:0;font:400 clamp(25px,3vw,36px)/1.15 var(--serif-display)}
.legal-grid p,.legal-grid address{margin:0;font:normal 18px/1.7 var(--serif)}
.legal-grid a{color:var(--aub)}
.legal-intro{max-width:760px;margin:-20px 0 64px;font:italic 22px/1.55 var(--serif);color:var(--muted)}
.privacy-content{max-width:1040px}
.privacy-content .legal-grid section{display:block}
.privacy-content .legal-grid h2{margin-bottom:18px}
.privacy-content .legal-grid p,.privacy-content .legal-grid address{max-width:820px;margin:0 0 1em}
@media(max-width:620px){.work-page-return-nav{align-items:flex-start;flex-direction:column}.work-page-return-nav .next-story-link{margin-left:0;text-align:left}}
@media(max-width:620px){.legal-grid section{grid-template-columns:1fr;gap:16px}.legal-content>h1{font-size:58px}.footer{gap:18px;flex-direction:column}.footer div{flex-wrap:wrap}}

@media(max-width:900px){
  .city-story-hero,.city-story-hero>img{min-height:72vh;height:72vh}
  .city-story-hero>img{object-position:center 44%}
  .city-story-title{left:20px;right:20px;bottom:40px}
  .city-story-title h1{font-size:clamp(48px,14vw,72px)}
  .city-story-title blockquote{font-size:20px;margin-top:20px}
  .city-opening-grid,.city-lemon-story,.city-letter-shell,.city-newsletter{grid-template-columns:1fr;gap:42px}
  .city-world-grid{grid-template-columns:1fr 1fr}
  .city-visual{min-height:62vh}
  .city-visual-copy{left:20px;right:20px;bottom:42px}
  .city-lemon-art{min-height:430px}
  .city-letter-paper{padding:40px 26px;font-size:17px}
  .city-manuscript{padding:38px 24px;font-size:17px}
}
@media(max-width:620px){
  .city-world-grid{grid-template-columns:1fr}
  .city-world-grid article{min-height:0}
  .city-world-grid article>span{top:-.15em;font-size:155px}
  .city-world-grid h3{margin-top:72px}
  .city-confession blockquote{font-size:33px}
  .city-line blockquote{font-size:44px}
  .city-lemon-art{min-height:350px}
  .lemon{width:110px;height:82px}
}

@media(prefers-reduced-motion:reduce){
  .city-world-grid article>span,.tailor-world-grid article>span{opacity:1;transform:none;animation:none!important}
}

@media (max-width:900px){
  .city-lemon-art,.city-lemon-art img{min-height:430px}
}
@media (max-width:620px){
  .city-lemon-art,.city-lemon-art img{min-height:350px}
}

/* Edition Three – quieter quotations and tactile letter paper */
.city-confession blockquote,
.tailor-confession blockquote{
  max-width:850px;
  padding-inline:24px;
  font-size:clamp(26px,3vw,42px);
  line-height:1.46;
  font-weight:400;
  letter-spacing:0;
}
.city-line blockquote,
.tailor-line blockquote{
  max-width:850px;
  padding-inline:24px;
  font-size:clamp(30px,3.7vw,52px);
  line-height:1.34;
  font-weight:400;
  letter-spacing:0;
}

.city-letter-paper{
  overflow:hidden;
  border:1px solid rgba(113,82,43,.12);
  background-color:#f4ead7;
  background-image:
    radial-gradient(circle at 15% 18%,rgba(126,93,48,.055) 0 1px,transparent 1.6px),
    radial-gradient(circle at 72% 64%,rgba(255,255,255,.42) 0 1px,transparent 1.8px),
    radial-gradient(circle at 38% 82%,rgba(126,93,48,.035) 0 1px,transparent 1.5px),
    linear-gradient(112deg,rgba(255,255,255,.24),transparent 42%,rgba(133,99,53,.025));
  background-size:26px 23px,31px 29px,37px 35px,100% 100%;
  clip-path:polygon(.5% 1.2%,8% .35%,18% .9%,31% .25%,43% .8%,56% .2%,69% .85%,82% .25%,94% .7%,99.4% 1.5%,99.1% 17%,99.7% 34%,99.2% 51%,99.65% 68%,99% 84%,99.5% 98.6%,90% 99.4%,78% 98.9%,65% 99.6%,51% 99%,38% 99.55%,24% 98.9%,11% 99.45%,.5% 98.4%,.9% 82%,.3% 66%,.75% 49%,.25% 31%,.8% 15%);
}
.city-letter-paper:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(7deg,rgba(100,73,39,.018) 0 1px,transparent 1px 7px),
    linear-gradient(90deg,rgba(101,73,37,.035),transparent 8%,transparent 92%,rgba(101,73,37,.03));
  mix-blend-mode:multiply;
}

/* Keep the established large, translucent chapter numerals as an editorial motif. */
.number{
  font-size:clamp(150px,20vw,300px);
  color:rgba(173,137,80,.105);
  opacity:1;
  line-height:.72;
  letter-spacing:-.08em;
}

@media(max-width:620px){
  .city-confession blockquote,.tailor-confession blockquote{font-size:29px;line-height:1.42}
  .city-line blockquote,.tailor-line blockquote{font-size:36px;line-height:1.32}
  .number{font-size:128px}
}

/* Unterseiten – Zitate bleiben emotional, ordnen sich aber den Überschriften unter. */
.city-confession blockquote,
.tailor-confession blockquote{
  font-size:clamp(21px,1.8vw,28px);
  line-height:1.55;
}
.city-line blockquote,
.tailor-line blockquote,
.work-page .big-quote{
  max-width:780px;
  font-size:clamp(23px,2.1vw,31px);
  line-height:1.48;
}

@media(max-width:620px){
  .city-confession blockquote,.tailor-confession blockquote{font-size:21px}
  .city-line blockquote,.tailor-line blockquote,.work-page .big-quote{font-size:25px}
}

/* WESTWIND ist ein Drehbuch: Zitate bleiben filmische Begleitstimmen. */
.westwind-page .work-hero blockquote{
  max-width:600px;
  font-size:18px;
  line-height:1.55;
}
.westwind-page .big-quote{
  max-width:720px;
  font-size:clamp(22px,2vw,29px);
  line-height:1.5;
}
.westwind-industry{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(50px,8vw,110px);
  margin-top:clamp(95px,11vw,150px);
  padding:clamp(52px,7vw,88px);
  background:#3c3430;
  color:#f7f0e4;
}
.westwind-industry>div>p:first-child{
  margin:0 0 15px;
  color:#d2ab65;
  font-size:10px;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.westwind-industry h2{
  margin:0;
  color:#f7f0e4;
  font:400 clamp(42px,5vw,68px)/1.02 var(--serif-display);
  letter-spacing:-.03em;
}
.westwind-industry .prose{color:#e5dbcf}
.westwind-industry .button{margin-top:22px;border-color:#f2e2c4;background:#f2e2c4;color:#3c3430}
@media(max-width:900px){.westwind-industry{grid-template-columns:1fr;gap:38px}}
@media(max-width:620px){.westwind-industry{margin-inline:-20px;padding:48px 24px}}

/* Einheitliche Ziffernmetrik für alle Folio-Kapitelzahlen. */
.city-world-grid article>span,
.tailor-world-grid article>span{
  width:2ch;
  height:.8em;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1;
  letter-spacing:-.04em;
  text-align:left;
}

/* Sonntagsbrief – öffentliches Editorial und abonnierbares Briefarchiv */
.sb-page{background:#f6f0e5;color:#2d2925}
.sb-page .e3-site-header .e3-nav a[aria-current="page"]{color:var(--brass)}
.sb-hero{position:relative;min-height:calc(86vh - 96px);display:flex;align-items:flex-end;overflow:hidden;background:#4c4239}
.sb-hero-image,.sb-hero-image img,.sb-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.sb-hero-image img{object-fit:cover;object-position:center 52%;filter:saturate(.72) contrast(.94)}
.sb-hero-shade{background:linear-gradient(90deg,rgba(29,23,18,.78),rgba(29,23,18,.34) 54%,rgba(29,23,18,.07)),linear-gradient(0deg,rgba(25,19,15,.48),transparent 55%)}
.sb-hero-copy{position:relative;z-index:2;width:min(810px,calc(100% - 96px));margin:0 0 clamp(68px,9vw,125px) max(48px,calc((100vw - 1240px)/2));color:#fff}
.sb-hero-copy h1{margin:0;color:#fff;font:500 clamp(56px,7vw,102px)/.96 var(--serif);letter-spacing:-.035em;text-wrap:balance}
.sb-hero-copy>p:not(.e3-kicker){max-width:570px;margin:26px 0 36px;color:rgba(255,255,255,.88);font:italic 22px/1.5 var(--serif)}
.sb-intro{padding-bottom:clamp(80px,9vw,130px)}
.sb-intro-grid{display:grid;grid-template-columns:200px minmax(0,820px);gap:clamp(30px,6vw,90px);align-items:start}
.sb-folio{margin:-.12em 0 0;color:rgba(169,134,77,.12);font:400 clamp(150px,18vw,255px)/.75 var(--serif);letter-spacing:-.08em}
.sb-intro h2,.sb-archive h2,.sb-signup h2{margin:0;color:#2d2925;font:500 clamp(52px,6vw,86px)/.98 var(--serif);letter-spacing:-.035em}
.sb-deck{max-width:760px;margin:28px 0 0;color:#6f635a;font:italic 500 clamp(23px,2.2vw,32px)/1.45 var(--serif)}
.sb-letter-section{padding:0 0 clamp(115px,14vw,210px)}
.sb-letter-meta{width:min(820px,100%);margin:0 auto 22px;display:flex;justify-content:space-between;color:#8a7458;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.sb-paper{position:relative;width:min(900px,100%);margin:auto;padding:clamp(48px,7vw,95px) clamp(30px,8vw,105px);background-color:#f3ead8;background-image:radial-gradient(circle at 15% 18%,rgba(126,93,48,.05) 0 1px,transparent 1.6px),radial-gradient(circle at 72% 64%,rgba(255,255,255,.5) 0 1px,transparent 1.8px),linear-gradient(112deg,rgba(255,255,255,.28),transparent 42%,rgba(133,99,53,.025));background-size:26px 23px,31px 29px,100% 100%;box-shadow:0 28px 85px rgba(44,34,25,.13);color:#4a4036;font:20px/1.9 var(--serif)}
.sb-paper:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(113,82,43,.11);box-shadow:inset 0 0 50px rgba(106,75,37,.035)}
.sb-paper h2{margin:0 0 42px;color:#44362d;font:500 clamp(44px,5.4vw,72px)/1.02 var(--serif);letter-spacing:-.03em}
.sb-paper p{margin:0 0 1.35em}.sb-paper .sb-salutation{margin-bottom:14px;color:#8b6638;font-style:italic;font-size:25px}
.sb-paper blockquote{margin:52px -25px;padding:34px 25px;border-top:1px solid rgba(169,134,77,.38);border-bottom:1px solid rgba(169,134,77,.38);color:#694b42;text-align:center;font:italic 500 clamp(27px,3vw,40px)/1.35 var(--serif)}
.sb-paper .sb-closing{margin:48px 0 2px;font-style:italic}.sb-signature{width:200px;height:auto}
.sb-magazine-entry{display:grid;grid-template-columns:minmax(340px,1.05fr) minmax(300px,.95fr);width:min(1050px,100%);min-height:560px;margin:auto;overflow:hidden;background:#e8e5d6;color:#413c35;text-decoration:none;box-shadow:0 28px 85px rgba(44,34,25,.13)}
.sb-magazine-entry>img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center 58%;transition:transform .8s ease}.sb-magazine-entry:hover>img{transform:scale(1.025)}
.sb-magazine-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,78px)}
.sb-magazine-copy small{margin-bottom:22px;color:#967647;font:600 10px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.sb-magazine-copy strong{max-width:100%;font:500 clamp(46px,5vw,72px)/.9 var(--serif);letter-spacing:-.04em;hyphens:manual;overflow-wrap:normal}
.sb-magazine-copy em{max-width:390px;margin:34px 0;color:#5f584e;font:italic 500 clamp(21px,2.2vw,28px)/1.45 var(--serif)}
.sb-magazine-copy b{width:max-content;padding-bottom:5px;border-bottom:1px solid #9a7d45;color:#715a35;font:600 10px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.sb-archive{background:#fffdf8}
.sb-archive-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:8vw;align-items:end;margin-bottom:70px}
.sb-archive-heading>p{max-width:470px;margin:0;color:#766a61;font:20px/1.6 var(--serif)}
.sb-teaser-list{border-top:1px solid rgba(45,41,37,.18)}
.sb-teaser{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(30px,6vw,90px);padding:clamp(58px,7vw,90px) 0;border-bottom:1px solid rgba(45,41,37,.18)}
.sb-teaser-number{color:rgba(169,134,77,.16);font:400 clamp(92px,10vw,150px)/.78 var(--serif);letter-spacing:-.07em}
.sb-teaser-copy{max-width:820px}.sb-teaser-date{margin:0 0 12px;color:#a9864d;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.sb-teaser h3{margin:0 0 26px;color:#2d2925;font:500 clamp(37px,4vw,60px)/1.03 var(--serif);letter-spacing:-.025em}
.sb-teaser--feature .sb-teaser-copy{max-width:none}
.sb-feature-rule{width:72px;height:1px;margin:-6px 0 34px;background:#a9864d}
.sb-feature-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.78fr);gap:clamp(34px,5vw,72px);align-items:start}
.sb-teaser-image{margin:0;overflow:hidden;background:#e9e1d5;box-shadow:0 20px 52px rgba(45,41,37,.11)}
.sb-teaser-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center bottom;filter:saturate(.82) contrast(.96)}
.sb-teaser-image figcaption{display:flex;justify-content:space-between;gap:20px;padding:12px 2px 0;color:#8b7b6e;font:600 9px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.sb-feature-copy{padding-top:clamp(16px,3vw,44px)}
.sb-feature-kicker{margin:0 0 25px;color:#a9864d;font:600 10px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.sb-teaser--feature .sb-teaser-text{max-height:250px;font-size:21px;line-height:1.72}
.sb-teaser--feature .sb-teaser-text p:first-child:first-letter{float:left;margin:.08em .1em 0 0;color:#8b6638;font:500 4.6em/.72 var(--serif)}
.sb-teaser-text{position:relative;max-height:145px;overflow:hidden;color:#554b44;font:19px/1.75 var(--serif)}
.sb-teaser-text:after{content:"";position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(transparent,#fffdf8 82%)}
.sb-teaser-text p{margin:0 0 1em}.sb-unlock{display:inline-block;margin-top:25px;color:#8b6638;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #ad8950;padding-bottom:6px}.sb-unlock span{color:#5a3f50}
.sb-editor-open{margin-left:20px}
.sb-signup{background:#516461;color:#f7f0e4}
.sb-signup-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:9vw;align-items:start}
.sb-signup h2{color:#f7f0e4}.sb-signup-grid>div>p:not(.e3-kicker):not(.sb-form-note){max-width:600px;margin:8px 0 32px;color:rgba(255,255,255,.84);font:21px/1.6 var(--serif)}
.sb-form{display:flex;max-width:650px}.sb-form input{min-width:0;flex:1;height:58px;padding:0 20px;border:1px solid rgba(255,255,255,.65);border-right:0;background:rgba(255,255,255,.08);color:#fff;font:16px var(--sans)}
.sb-form input::placeholder{color:rgba(255,255,255,.62)}.sb-form input:focus{outline:2px solid #efd79f;outline-offset:2px}
.sb-form button{min-height:58px;padding:0 24px;border:1px solid #f4e7cb;background:#f4e7cb;color:#3c4947;font:600 11px var(--sans);letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.sb-honeypot{position:absolute;left:-5000px}
.sb-form-note{max-width:650px;margin:12px 0 0;color:rgba(255,255,255,.68);font-size:12px}
.sb-form-note a{color:inherit;text-underline-offset:3px}
.sb-mailchimp-referral{display:inline-flex;align-items:center;margin-top:18px;opacity:.42;transition:opacity .2s ease}
.sb-mailchimp-referral:hover,.sb-mailchimp-referral:focus-visible{opacity:.78}
.sb-mailchimp-referral:focus-visible{outline:1px solid rgba(255,255,255,.65);outline-offset:4px}
.sb-mailchimp-referral img{display:block;width:132px;height:auto}

@media(max-width:900px){
  .sb-hero-copy{width:calc(100% - 40px);margin-left:20px}.sb-intro-grid{grid-template-columns:125px 1fr}.sb-archive-heading,.sb-signup-grid{grid-template-columns:1fr;gap:38px}.sb-teaser{grid-template-columns:125px 1fr}.sb-feature-layout{grid-template-columns:1fr}.sb-teaser-image img{aspect-ratio:4/3}.sb-feature-copy{max-width:680px;padding-top:0}
}
@media(max-width:620px){
  .sb-hero{min-height:700px}.sb-hero-copy h1{font-size:50px}.sb-hero-copy>p:not(.e3-kicker){font-size:19px}.sb-intro-grid{display:block}.sb-folio{font-size:112px;margin-bottom:28px}.sb-letter-meta{font-size:9px}.sb-paper{font-size:18px;line-height:1.78}.sb-paper h2{font-size:45px}.sb-paper blockquote{margin:42px 0;padding-inline:0}.sb-magazine-entry{grid-template-columns:1fr;min-height:0}.sb-magazine-entry>img{min-height:520px}.sb-magazine-copy{min-height:470px}.sb-archive-heading{margin-bottom:35px}.sb-teaser{grid-template-columns:1fr;gap:20px}.sb-teaser-number{font-size:92px}.sb-editor-open{display:block;width:max-content;margin-left:0}.sb-form{display:block}.sb-form input,.sb-form button{width:100%;border:1px solid rgba(255,255,255,.65)}.sb-form button{margin-top:12px}
}
