@font-face{font-family:"Rauschwerk Editorial";src:url("/buchwerkstatt/fonts/rauschwerk-editorial-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
.illustrated-landing .simple-hero{max-width:1180px;padding-top:46px;padding-bottom:46px;gap:62px;grid-template-columns:minmax(0,1.12fr) minmax(0,.96fr);align-items:start}
.illustrated-landing h1{font-size:55px;line-height:1.08;letter-spacing:-.045em}
.illustrated-landing h1 em{font-style:normal;color:#8b402e}
.illustrated-landing .simple-lead{font-size:16px;max-width:520px;line-height:1.65}
.illustrated-preview{padding:0;overflow:hidden;border:1px solid #ddd4c4;border-radius:15px;background:#fffdfa;box-shadow:0 12px 35px #5748310b}
.story-picture{margin:0;position:relative;background:#ebe3d4;isolation:isolate}
.story-picture>img{display:block;width:100%;height:208px;object-fit:cover;object-position:50% 57%}
.story-picture:after{position:absolute;inset:36% 0 0;background:linear-gradient(transparent,#171b15c9);content:"";z-index:1;pointer-events:none}
.story-picture figcaption{position:absolute;left:22px;right:22px;bottom:18px;color:#fff;z-index:2}
.story-picture figcaption>span{display:block;font:10px/1.5 system-ui;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.story-picture figcaption>strong{display:block;font:27px/1.15 Georgia,serif;font-weight:400;letter-spacing:-.02em}
.illustrated-preview .simple-example-input{padding:19px 22px 16px;font-size:14px;line-height:1.65}
.illustrated-preview .simple-example-input>span{color:#726656;font-size:10px}
.illustrated-preview .simple-example-input p{margin-top:7px}
.illustrated-preview #quick-example{margin:0 13px}
.illustrated-preview .simple-next{padding:19px 20px;background:#f0e9d8;border-color:#e4d9c0;border-radius:9px}
.illustrated-preview .simple-next h2{font-size:23px;margin:12px 0 9px}
.illustrated-preview .simple-next p{font-size:13px;line-height:1.65;margin-bottom:13px}
.illustrated-preview .simple-next-top{font-size:10px;color:#746044}
.illustrated-preview .simple-next-actions>button:first-child{font-size:11px;padding:8px 11px}
.illustrated-preview .simple-text-button{font-size:11px}
.illustrated-preview .simple-example-link{margin:18px 22px;color:#6e5739;font-size:11px}
.story-paths{max-width:1124px;margin:12px auto 55px;padding:34px 0 0;border-top:1px solid #ded5c5}
.story-section-heading{margin-bottom:25px}
.story-section-heading .simple-eyebrow{margin-bottom:11px}
.story-section-heading h2{font:33px/1.2 Georgia,serif;letter-spacing:-.03em;margin:0 0 10px}
.story-section-heading>p:last-child{font-size:14px;color:#686257;margin:0}
.story-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.story-path{display:flex;flex-direction:column;min-width:0;text-align:left;padding:0;overflow:hidden;border-radius:12px;border:1px solid #ddd4c4;background:#fffdfa;color:#25231f;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.story-path:hover,.story-path[aria-pressed=true]{border-color:#a88a52;box-shadow:0 6px 22px #78634313}
.story-path>img{display:block;width:100%;height:177px;object-fit:cover}
.story-path-copy{display:flex;flex-direction:column;flex:1;padding:21px 23px 22px}
.story-path-number{font:10px/1.5 system-ui;letter-spacing:.07em;text-transform:uppercase;color:#816a4d;margin-bottom:11px}
.story-path-copy>strong{font:23px/1.2 Georgia,serif;letter-spacing:-.02em;font-weight:400;margin-bottom:12px}
.story-path-copy>span:not(.story-path-number):not(.story-path-action){font:13px/1.7 system-ui;margin-bottom:20px}
.story-path-action{font:11px/1.5 system-ui;text-decoration:underline;text-underline-offset:4px;color:#755a36;margin-top:auto}
.story-image-note{font:10px/1.6 system-ui;color:#756d5e;margin:15px 0 0}
.simple-demo-main .demo-story-picture{margin:0 0 24px;border-radius:12px;overflow:hidden}
.simple-demo-main .demo-story-picture>img{height:225px}
.demo-story-context{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin:22px 0;align-items:stretch}
.simple-demo-main .demo-story-context .demo-story-picture{margin:0}
.demo-story-context .simple-demo-entry{margin:0}
.simple-demo-main .demo-story-context .demo-story-picture>img{height:100%;min-height:185px}
@media(max-width:1180px){.story-paths{margin-left:28px;margin-right:28px}}
@media(max-width:900px){.illustrated-landing .simple-hero{gap:30px;padding-top:35px}.illustrated-landing h1{font-size:44px}.story-picture>img{height:175px}.story-picture figcaption>strong{font-size:23px}.illustrated-preview .simple-next{padding:17px}.illustrated-preview .simple-next h2{font-size:21px}.story-path-grid{gap:15px}.story-path-copy{padding:18px}.story-path-copy>strong{font-size:21px}.story-path>img{height:145px}}
@media(max-width:650px){.illustrated-landing .simple-hero{grid-template-columns:1fr;padding:29px 20px 30px;gap:26px}.illustrated-landing h1{font-size:43px;line-height:1.09}.illustrated-landing .simple-lead{font-size:15px;line-height:1.65}.story-picture>img{height:205px}.story-paths{margin:4px 20px 35px;padding-top:27px}.story-section-heading h2{font-size:28px}.story-path-grid{grid-template-columns:1fr;gap:17px}.story-path>img{height:185px}.story-path-copy{padding:21px}.story-path-copy>strong{font-size:23px}.illustrated-preview .simple-next h2{font-size:23px}.simple-demo-main .demo-story-picture>img{height:200px}}
@media(prefers-reduced-motion:reduce){.story-path{transition:none}}

@media(max-width:650px){.demo-story-context{grid-template-columns:92px minmax(0,1fr);gap:12px}.demo-story-context .simple-demo-entry{padding:15px}.demo-story-context .simple-demo-entry p{font-size:14px;line-height:1.6}.simple-demo-main .demo-story-context .demo-story-picture>img{min-height:0;object-position:62% 50%}.demo-story-context .demo-story-picture:after,.demo-story-context .demo-story-picture figcaption{display:none}}

.illustrated-landing h1,.story-picture figcaption>strong,.story-section-heading h2,.story-path-copy>strong,.simple-demo-main>h1{font-family:"Rauschwerk Editorial",Georgia,serif;font-weight:400}