@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Newsreader:opsz,wght@6..72,300;6..72,500;6..72,650&family=Public+Sans:wght@400;500;650&display=swap');
:root{--ink:#0a1535;--paper:#f3ece0;--paper-2:#fffaf0;--blue:#1d4ed8;--blue-deep:#13287a;--yellow:#f5b800;--coral:#e85d45;--mint:#b9d8c4;--line:rgba(10,21,53,.16);--serif:'Newsreader',serif;--sans:'Public Sans',sans-serif;--hand:'Caveat',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper-2);font:16px/1.65 var(--sans);background-image:linear-gradient(rgba(49,91,219,.045) 1px,transparent 1px);background-size:100% 38px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.95}h1{font-size:clamp(3.5rem,9vw,8.4rem);max-width:12ch}h2{font-size:clamp(2.5rem,5vw,5.2rem)}h3{font-size:1.35rem;line-height:1.25}.site-header{height:90px;max-width:1440px;margin:auto;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:650;line-height:1}.brand small{display:block;font-size:.68rem;font-weight:400;margin-top:6px;opacity:.65}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--ink);color:var(--paper-2);border-radius:50%;font:700 .85rem var(--sans);letter-spacing:-.1em}.site-header nav{display:flex;gap:clamp(12px,2vw,28px);align-items:center;font-size:.82rem}.site-header nav a{border-bottom:2px solid transparent;padding:12px 0}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:var(--yellow)}.nav-search{font-size:1.5rem}.menu{display:none;border:1px solid var(--line);background:var(--paper-2);padding:10px 14px;border-radius:999px}.hero{min-height:calc(100vh - 90px);max-width:1440px;margin:auto;padding:6vh clamp(20px,4vw,64px) 80px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr auto;gap:40px;position:relative}.hero-copy{align-self:center}.eyebrow{font:700 1.1rem var(--hand);color:var(--blue);letter-spacing:.03em;margin-bottom:20px}.hero h1{margin-bottom:26px}.hero h1::after{content:"";display:inline-block;width:.7em;height:.18em;background:var(--yellow);margin-left:-.58em;position:relative;z-index:-1;transform:rotate(-2deg)}.hero-note{font:italic 1.45rem/1.5 var(--serif);max-width:43rem}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:white;padding:16px 22px;border-radius:2px;font-weight:650;box-shadow:7px 7px 0 var(--yellow)}.button:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--yellow)}.text-link{font-weight:650;border-bottom:2px solid var(--blue)}.hero-portrait{align-self:center;justify-self:center;position:relative;transform:rotate(2deg)}.portrait-frame{width:min(30vw,410px);aspect-ratio:4/5;background:var(--blue);border:14px solid white;box-shadow:0 20px 50px rgba(29,41,63,.2);position:relative;display:grid;place-items:center;overflow:hidden}.portrait-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 25%,var(--yellow),transparent 28%),linear-gradient(140deg,transparent 45%,rgba(255,255,255,.18) 46% 48%,transparent 49%)}.portrait-m{font:650 clamp(10rem,22vw,22rem)/1 var(--serif);color:var(--paper-2);transform:translateY(7%)}.portrait-caption{position:absolute;left:24px;right:24px;bottom:22px;color:white;font:600 1.2rem/1.1 var(--hand);text-shadow:0 2px 9px var(--ink)}.tape{position:absolute;top:-18px;left:32%;width:120px;height:38px;background:rgba(242,194,48,.75);transform:rotate(-4deg)}.sober-counter{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:baseline;gap:16px}.sober-counter strong{font:500 clamp(2.2rem,4vw,4.5rem) var(--serif)}.sober-counter span{max-width:15rem}.manifest{padding:120px max(20px,calc((100vw - 1180px)/2));background:var(--ink);color:var(--paper-2);text-align:center}.manifest>p:first-child{font:600 1.5rem var(--hand);color:var(--yellow)}.manifest h2{margin:0 auto 35px;max-width:16ch}.manifest>p:last-child{max-width:58rem;margin:auto;font:300 1.4rem/1.65 var(--serif);color:#dbe3f6}.start-here,.topics,.social-wall,.card-grid,.timeline,.next-step,.safety{max-width:1180px;margin:0 auto}.start-here,.topics{padding:120px 20px}.section-heading{display:grid;grid-template-columns:.6fr 1.4fr;gap:40px;align-items:start}.section-heading h2{margin-bottom:55px}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.path-grid a{background:var(--paper);padding:32px;min-height:330px;border:1px solid var(--line);display:flex;flex-direction:column;transition:.25s;opacity:0;transform:translateY(18px)}.path-grid a:nth-child(2){background:var(--mint)}.path-grid a:nth-child(3){background:var(--yellow)}.path-grid a:hover{transform:rotate(-1deg) translateY(-6px);box-shadow:10px 10px 0 var(--ink)}.path-grid a>span{font-weight:650}.path-grid h3{font:500 2rem/1.05 var(--serif);margin-top:50px}.path-grid a>span:last-child{margin-top:auto;align-self:end;font-size:1.5rem}.visible{opacity:1!important;transform:none!important}.story-strip{padding:100px max(20px,calc((100vw - 1180px)/2));background:var(--blue);color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:70px}.story-strip .eyebrow{color:var(--yellow)}.story-strip h2{font-size:clamp(3rem,5.5vw,6rem)}.story-strip>div:last-child{align-self:end;font-size:1.1rem}.light{border-color:var(--yellow)}.topic-list{border-top:1px solid var(--line)}.topic-list a{display:grid;grid-template-columns:1.2fr 1fr auto;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateX(-15px)}.topic-list a>span:first-child{font:500 clamp(1.8rem,3.5vw,3.6rem) var(--serif)}.topic-list a>span:last-child{font-size:1.5rem}.safety{margin-top:40px;margin-bottom:100px;background:#fff4cf;border-left:6px solid var(--coral);padding:28px 32px}.safety strong{font-size:1.1rem}.safety p{margin:8px 0 0;max-width:60rem}.social-wall{padding:100px 20px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.social-wall h2{font-size:clamp(3rem,5vw,5rem)}.social-links a{display:grid;grid-template-columns:1fr auto;gap:4px;border-bottom:1px solid var(--line);padding:22px 0}.social-links a span{grid-row:2;color:var(--blue)}.page-hero{max-width:1180px;margin:0 auto;padding:110px 20px 90px}.page-hero h1{max-width:13ch}.page-hero .lede{font:300 clamp(1.4rem,2.5vw,2rem)/1.45 var(--serif);max-width:49rem}.page-hero.compact{min-height:55vh}.card-grid{padding:20px 20px 120px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.content-card{background:var(--paper-2);padding:44px;min-height:270px;position:relative;opacity:0;transform:translateY(18px)}.content-card:nth-child(3n+2){background:var(--paper)}.content-card h3{font:500 2rem var(--serif);margin-top:40px}.card-no{font-weight:650;color:var(--blue)}.card-line{position:absolute;bottom:32px;right:32px;width:40px;height:4px;background:var(--yellow)}.timeline{padding:20px 20px 120px}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:30px 0;border-top:1px solid var(--line);opacity:0;transform:translateX(-15px)}.timeline article>span{font:600 1.6rem var(--hand);color:var(--blue)}.timeline h3{font:500 2.3rem var(--serif);margin:0 0 8px}.timeline p{max-width:47rem}.next-step{margin-top:60px;margin-bottom:110px;padding:70px;background:var(--yellow)}.next-step h2{max-width:16ch}.next-step>div{display:flex;gap:24px;flex-wrap:wrap}.next-step a{font-weight:650;border-bottom:2px solid var(--ink)}.status-note{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--line);border-radius:999px}.status-note span{width:10px;height:10px;background:var(--yellow);border-radius:50%}.wave{height:130px;display:flex;align-items:center;gap:5px;margin-top:40px}.wave i{display:block;width:6px;height:var(--h);background:var(--blue);border-radius:8px}.search-box{display:flex;align-items:center;border-bottom:3px solid var(--ink);margin-top:50px;max-width:55rem}.search-box input{flex:1;border:0;background:transparent;font:500 clamp(1.25rem,2.5vw,2rem) var(--serif);padding:18px 5px;outline:0}.search-box kbd{font:600 .75rem var(--sans);border:1px solid var(--line);padding:4px 7px;border-radius:5px}.search-results{max-width:55rem}.search-results a{display:grid;grid-template-columns:1fr auto;padding:22px 5px;border-bottom:1px solid var(--line)}.search-results span{grid-row:2;color:#4c586c}.search-results i{grid-row:1/3;align-self:center;font-style:normal}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{background:var(--ink);color:white;padding:70px max(20px,calc((100vw - 1180px)/2)) 30px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.footer-brand .brand-mark{background:var(--yellow);color:var(--ink)}footer>div>p{max-width:23rem;margin-top:30px;color:#c8d0df}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links strong,.footer-links a{display:block;margin-bottom:10px}.footer-links strong{color:var(--yellow)}.footer-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:24px;font-size:.78rem;color:#9ca9bc}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:80px;left:20px;right:20px;background:var(--paper-2);padding:24px;box-shadow:0 20px 50px rgba(29,41,63,.18);flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:8vh}.hero-portrait{grid-row:2}.portrait-frame{width:min(75vw,410px)}.sober-counter{grid-row:3}.section-heading,.story-strip,.social-wall{grid-template-columns:1fr}.path-grid{grid-template-columns:1fr}.path-grid a{min-height:260px}.card-grid{grid-template-columns:1fr}.story-strip{gap:20px}.topic-list a{grid-template-columns:1fr auto}.topic-list small{grid-row:2}.next-step{margin-left:20px;margin-right:20px;padding:38px}footer{grid-template-columns:1fr}.footer-note{grid-column:auto}}
@media(max-width:560px){h1{font-size:3.5rem}.hero{padding-bottom:55px}.section-heading h2{margin-bottom:30px}.start-here,.topics{padding-top:80px;padding-bottom:80px}.page-hero{padding-top:70px}.card-grid{padding-left:0;padding-right:0}.content-card{padding:34px 24px}.timeline article{grid-template-columns:55px 1fr;gap:16px}.footer-links{grid-template-columns:1fr 1fr}.sober-counter{align-items:flex-start;flex-direction:column;gap:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.content-card,.path-grid a,.topic-list a,.timeline article{opacity:1;transform:none}}
.core-quote{padding:60px max(20px,calc((100vw - 1180px)/2));background:var(--yellow);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.core-quote p,.core-quote strong{display:block;margin:0;font:500 clamp(2.4rem,5vw,5.5rem)/.98 var(--serif);letter-spacing:-.045em;text-wrap:balance}
.core-quote p{color:var(--ink)}
.core-quote strong{color:var(--blue);margin-top:8px}
@media(max-width:760px){.core-quote{padding-top:42px;padding-bottom:42px}.core-quote p,.core-quote strong{font-size:clamp(2rem,5.1vw,3rem);line-height:1.04}.core-quote strong{margin-top:8px}}
.home-editorial,.home-steps,.longform,.sources,.breadcrumb{max-width:1180px;margin-left:auto;margin-right:auto}
.home-editorial{padding:120px 20px 70px}.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);font:300 1.25rem/1.7 var(--serif)}.editorial-columns p:first-child:first-letter{float:left;font:500 5rem/.75 var(--serif);padding:10px 9px 0 0;color:var(--blue)}
.home-steps{padding:100px 20px 120px}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.steps-grid article{padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-2)}.steps-grid article:nth-child(2),.steps-grid article:nth-child(3){background:var(--paper)}.steps-grid span,.section-label{font:700 1rem var(--hand);color:var(--blue)}.steps-grid h3{font:500 2rem/1.08 var(--serif);margin-top:36px}
.breadcrumb{padding:28px 20px 0;display:flex;gap:10px;font-size:.78rem;color:#5c6678}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.longform{padding:10px 20px 80px}.prose-section{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);column-gap:clamp(35px,8vw,120px);padding:75px 0;border-top:1px solid var(--line)}.prose-section .section-label{grid-column:1;grid-row:1/8}.prose-section h2,.prose-section>p:not(.section-label),.prose-section ul{grid-column:2}.prose-section h2{font-size:clamp(2.5rem,4.5vw,4.8rem);max-width:15ch;margin-bottom:32px}.prose-section>p:not(.section-label){font:300 1.22rem/1.72 var(--serif);max-width:48rem}.prose-section ul{list-style:none;padding:18px 0 0;margin:10px 0 0;max-width:48rem;border-top:1px solid var(--line)}.prose-section li{padding:13px 0 13px 30px;border-bottom:1px solid var(--line);position:relative}.prose-section li:before{content:"→";position:absolute;left:0;color:var(--blue);font-weight:700}
.sources{margin-top:20px;margin-bottom:100px;padding:65px;background:var(--ink);color:white}.sources .eyebrow{color:var(--yellow)}.sources h2{max-width:14ch;font-size:clamp(2.4rem,4vw,4.3rem)}.sources ul{list-style:none;padding:0;margin:40px 0}.sources li{border-top:1px solid rgba(255,255,255,.18);padding:22px 0}.sources li a{font-weight:700;color:var(--yellow)}.sources li p{margin:6px 0 0;color:#d2d9e6}.source-note{font-size:.82rem;color:#aeb8ca}.content-card[href]:after{content:"↗";position:absolute;top:38px;right:38px;color:var(--blue);font-size:1.5rem}.content-card[href]:hover{z-index:2;box-shadow:8px 8px 0 var(--yellow);transform:translate(-3px,-3px)}
@media(max-width:760px){.editorial-columns,.steps-grid{grid-template-columns:1fr}.prose-section{grid-template-columns:1fr;padding:55px 0}.prose-section .section-label,.prose-section h2,.prose-section>p:not(.section-label),.prose-section ul{grid-column:1}.prose-section .section-label{grid-row:auto;margin-bottom:18px}.sources{margin-left:20px;margin-right:20px;padding:38px 24px}.home-editorial{padding-top:85px}.home-steps{padding-top:65px}}
.community-entry{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:38px}.community-entry .status-note{margin:0}.community-entry .status-note.active span{background:#35a853}.community-entry small{flex-basis:100%;color:#5c6678}
.coming-note{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:38px}.coming-note span{display:inline-block;padding:9px 14px;background:var(--yellow);font:700 1rem var(--hand);transform:rotate(-2deg)}.coming-note strong{font-size:.95rem}
.free-note{display:inline-flex;align-items:center;padding:10px 16px;background:var(--yellow);font-size:.9rem;letter-spacing:.01em}
.community-band{padding:100px max(20px,calc((100vw - 1180px)/2));background:var(--mint);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,8vw,110px);align-items:center}.community-band h2{font-size:clamp(3rem,5vw,5.8rem);margin-bottom:0}.community-band>div:last-child{font:300 1.2rem/1.65 var(--serif)}.community-band .button{font:650 1rem/1.4 var(--sans);margin-top:18px}
@media(max-width:760px){.community-band{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}}

/* About Markus: connect both public profile names without turning the page into a CV. */
.author-hero{padding-bottom:70px}.author-hero h1{max-width:13ch}.inline-link{color:inherit;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px;font-weight:600}.identity-bridge{padding:90px max(20px,calc((100vw - 1180px)/2));background:var(--ink);color:white;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,7vw,95px)}.identity-bridge>div:first-child>p:not(.eyebrow):not(.identity-note){font:300 1.18rem/1.68 var(--serif);color:#d7deea;max-width:36rem}.identity-bridge h2{font-size:clamp(3rem,4.5vw,5rem);max-width:11ch}.identity-bridge .eyebrow{color:var(--yellow)}.identity-note{margin-top:36px;padding:18px 20px;border-left:4px solid var(--yellow);background:rgba(255,255,255,.07);color:#cbd5e5;font-size:.88rem;line-height:1.55}.identity-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.2);align-self:center}.identity-card{display:block;background:#13254c;padding:30px;min-height:330px;color:white;position:relative;transition:transform .25s ease,background .25s ease}.identity-card:nth-child(2){background:var(--blue)}.identity-card:nth-child(3){background:#17325d}.identity-card:hover{background:#20427a;transform:translateY(-6px)}.identity-card>span{display:inline-block;padding:6px 10px;background:var(--yellow);color:var(--ink);font:700 .9rem var(--hand);transform:rotate(-2deg)}.identity-card h3{font:500 clamp(1.65rem,2.3vw,2.5rem)/1 var(--serif);margin:35px 0 18px;overflow-wrap:anywhere}.identity-card p{color:#edf2fa}.identity-card>div{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.identity-card>div a,.identity-card>strong{font-weight:700;border-bottom:2px solid var(--yellow)}.author-community{padding:90px max(20px,calc((100vw - 1180px)/2));background:var(--mint);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,100px);align-items:center}.author-community h2{font-size:clamp(3rem,5vw,5.4rem);margin:12px 0 0;max-width:11ch}.author-community>div:last-child{font:300 1.2rem/1.65 var(--serif)}.author-community .button{font:650 1rem/1.4 var(--sans);margin-top:18px}
@media(max-width:1000px){.identity-bridge{grid-template-columns:1fr}.identity-bridge h2{max-width:13ch}.author-community{grid-template-columns:1fr}}
@media(max-width:760px){.identity-profiles{grid-template-columns:1fr}.identity-card{min-height:0}}
@media(max-width:620px){.identity-bridge{padding-top:70px;padding-bottom:70px}.author-community{padding-top:70px;padding-bottom:70px}}

/* Visual language translated from Markus' landing page reference. */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.055;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.hero-portrait{transition:transform .35s ease}.hero-portrait:hover{transform:rotate(0) translateY(-8px)}
.portrait-frame{margin:0;background:var(--blue-deep);transition:box-shadow .35s ease;isolation:isolate}
.portrait-frame:before{z-index:2;background:linear-gradient(180deg,transparent 52%,rgba(10,21,53,.82) 100%)}
.portrait-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.93) contrast(1.03);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.hero-portrait:hover .portrait-frame{box-shadow:0 30px 70px rgba(10,21,53,.28)}
.hero-portrait:hover img{transform:scale(1.035)}
.portrait-caption{z-index:3;margin:0}.photo-note{position:absolute;right:-56px;bottom:38px;z-index:4;padding:4px 10px;background:var(--yellow);font:700 1.15rem var(--hand);transform:rotate(-6deg)}
.tape{z-index:5;background:rgba(245,184,0,.72);mix-blend-mode:multiply}
.hero h1::after{height:.22em;background:var(--yellow);transform:rotate(-3deg)}
.page-hero{position:relative}.page-hero:after{content:"ehrlich eingeordnet";position:absolute;right:20px;bottom:52px;font:700 1.25rem var(--hand);color:var(--blue);transform:rotate(-4deg)}
.page-hero h1{position:relative;z-index:1}.page-hero h1:after{content:"";position:absolute;left:-.04em;bottom:.03em;width:2.6em;height:.18em;background:var(--yellow);z-index:-1;transform:rotate(-2deg);opacity:.86}
.scrapbook-preview{padding:110px max(20px,calc((100vw - 1180px)/2)) 130px;background:var(--blue-deep);color:white;overflow:hidden}
.scrapbook-heading{display:grid;grid-template-columns:.55fr 1.2fr .7fr;gap:clamp(28px,5vw,70px);align-items:end;margin-bottom:70px}.scrapbook-heading .eyebrow{align-self:start;color:var(--yellow)}.scrapbook-heading h2{margin:0;font-size:clamp(3rem,5.5vw,6rem)}.scrapbook-heading>p:last-child{color:#d9e1f5;margin:0}
.photo-stories{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,90px);align-items:center;max-width:1040px;margin:auto}
.photo-story{position:relative;display:block;overflow:hidden;border:14px solid white;background:white;box-shadow:0 28px 55px rgba(0,0,0,.28);transform:rotate(-3deg);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease;isolation:isolate}
.photo-story-before{transform:rotate(3deg)}.photo-story img{display:block;width:100%;height:clamp(430px,52vw,650px);object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease}.photo-story-before img{height:clamp(360px,43vw,560px)}
.photo-overlay{position:absolute;inset:auto 0 0;padding:70px 28px 28px;color:white;background:linear-gradient(180deg,transparent,rgba(10,21,53,.96) 48%);transform:translateY(calc(100% - 108px));transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.photo-overlay span{font:700 1.05rem var(--hand);color:var(--yellow)}.photo-overlay h3{font:500 clamp(1.75rem,3vw,3rem)/1 var(--serif);max-width:12ch;margin:5px 0 16px}.photo-overlay p{max-width:30rem}.photo-overlay strong{display:inline-block;border-bottom:2px solid var(--yellow)}
.photo-story:hover,.photo-story:focus-visible{transform:rotate(0) translateY(-10px) scale(1.015);box-shadow:0 36px 75px rgba(0,0,0,.4)}.photo-story:hover img,.photo-story:focus-visible img{transform:scale(1.055);filter:saturate(1.08)}.photo-story:hover .photo-overlay,.photo-story:focus-visible .photo-overlay{transform:translateY(0)}
.topic-list a,.social-links a{transition:padding .25s ease,background .25s ease,transform .25s ease}.topic-list a:hover{padding-left:20px;padding-right:20px;background:var(--yellow);transform:rotate(-.35deg)}.social-links a:hover{padding-left:18px;padding-right:18px;background:var(--yellow)}
.content-card{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.content-card[href]:hover{background:var(--yellow);box-shadow:11px 11px 0 var(--ink);transform:rotate(-.5deg) translate(-4px,-5px)}
.prose-section{position:relative}.prose-section .section-label{display:inline-block;width:max-content;height:max-content;padding:5px 11px;background:var(--yellow);color:var(--ink);transform:rotate(-2deg)}
.sources{position:relative;box-shadow:12px 12px 0 var(--yellow)}.sources:before{content:"geprüft & verlinkt";position:absolute;right:30px;top:28px;font:700 1.2rem var(--hand);color:var(--yellow);transform:rotate(4deg)}
.next-step{transform:rotate(-.35deg);box-shadow:10px 10px 0 var(--ink)}
@media(max-width:900px){.scrapbook-heading{grid-template-columns:1fr 1.4fr}.scrapbook-heading>p:last-child{grid-column:2}.photo-note{right:-20px}.page-hero:after{display:none}}
@media(max-width:700px){.scrapbook-preview{padding-top:80px;padding-bottom:90px}.scrapbook-heading,.photo-stories{grid-template-columns:1fr}.scrapbook-heading>p:last-child{grid-column:auto}.photo-story,.photo-story-before{transform:rotate(-1deg)}.photo-story img,.photo-story-before img{height:min(120vw,590px)}.photo-overlay{transform:translateY(0);padding-top:85px}.photo-note{right:-4px;bottom:20px}.sources{box-shadow:6px 6px 0 var(--yellow)}}
@media(hover:none){.photo-overlay{transform:translateY(0)}.photo-story:hover,.photo-story:focus-visible{transform:rotate(-1deg)}.hero-portrait:hover{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.photo-story,.photo-story img,.photo-overlay,.hero-portrait,.portrait-frame img{transition:none!important}}

/* Two personal milestones in the homepage hero. */
.sober-counter{align-items:flex-end;justify-content:space-between;gap:32px}
.counter-primary,.counter-secondary{display:flex;align-items:baseline;gap:16px}
.counter-primary strong{font:500 clamp(2.2rem,4vw,4.5rem) var(--serif)}
.counter-primary span{max-width:15rem}
.counter-secondary{padding-left:32px;border-left:1px solid var(--line)}
.counter-secondary strong{font:500 clamp(1.7rem,2.6vw,2.8rem) var(--serif)}
.counter-secondary span{font-size:.9rem;font-weight:650;line-height:1.25}
.counter-secondary small{display:block;margin-top:5px;font-size:.72rem;font-weight:400;opacity:.65}
@media(max-width:560px){.sober-counter{align-items:stretch;gap:18px}.counter-primary{align-items:flex-start;flex-direction:column;gap:0}.counter-secondary{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}}

/* Keep both milestones visually together and aligned in one compact stack. */
.sober-counter{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:12px}
.counter-primary,.counter-secondary{width:min(100%,430px)}
.counter-primary strong,.counter-secondary strong{min-width:4.2ch;font-variant-numeric:tabular-nums}
.counter-secondary{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}
@media(max-width:560px){.sober-counter{gap:14px}.counter-primary,.counter-secondary{width:100%}.counter-secondary{padding-top:14px}}

/* Personal before/after pair: same person, different chapter. */
.before-after{padding:120px max(20px,calc((100vw - 1180px)/2));overflow:hidden}
.before-after-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(35px,7vw,90px);align-items:end;margin-bottom:72px}
.before-after-heading h2{max-width:12ch;margin-bottom:0}
.before-after-heading>div:last-child{padding-bottom:10px}
.before-after-heading .text-link{display:inline-block;margin-top:18px}
.before-after-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,80px);align-items:start;max-width:1020px;margin:auto}
.before-after-photos figure{margin:0;background:white;border:12px solid white;box-shadow:0 24px 55px rgba(10,21,53,.2)}
.before-after-photos figure:first-child{transform:rotate(-2deg)}
.before-after-photos figure:last-child{transform:rotate(2deg);margin-top:34px}
.before-after-photos figure>div{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper)}
.before-after-photos img{display:block;width:100%;height:100%;object-fit:cover}
.before-after-photos figure>div span{position:absolute;left:18px;bottom:18px;padding:7px 13px;background:var(--yellow);font:700 1.25rem var(--hand);box-shadow:4px 4px 0 var(--ink)}
.before-after-photos figcaption{display:flex;flex-direction:column;padding:20px 10px 10px;line-height:1.35}
.before-after-photos figcaption strong{font:500 clamp(1.6rem,3vw,2.4rem) var(--serif)}
.before-after-photos figcaption small{margin-top:6px;font-size:.88rem;color:#4c586c}
.before-after-note{max-width:48rem;margin:70px auto 0;font:500 clamp(1.5rem,2.5vw,2.2rem)/1.35 var(--serif);text-align:center}
@media(max-width:760px){.before-after{padding-top:85px;padding-bottom:90px}.before-after-heading,.before-after-photos{grid-template-columns:1fr}.before-after-heading{margin-bottom:50px}.before-after-photos{gap:32px}.before-after-photos figure:first-child,.before-after-photos figure:last-child{transform:rotate(-1deg);margin-top:0}.before-after-note{margin-top:52px;text-align:left}}