figure{position:relative;margin:0}figure img{width:100%;height:auto;object-fit:contain}figure .open-photo{padding:0;border:0;background:none;width:100%}.eye{position:absolute;right:10px;top:10px;border:1px solid #fff;border-radius:99px;background:#252622e8;color:white;padding:8px 12px;z-index:1}.photo.excluded img{opacity:.32}.photo.excluded:after{content:'Abgewählt';position:absolute;bottom:18px;left:18px;background:#252622e8;padding:4px 12px}dialog{background:#24241f;color:#f4eee5;border:0;max-width:96vw;max-height:96vh;padding:48px 55px 25px}dialog::backdrop{background:#000e}dialog img{max-height:75vh;max-width:80vw;object-fit:contain;margin:auto}dialog>button:not(.eye){border:0;background:#45463f;color:#fff;padding:10px;margin:4px}#light-prev,#light-next{position:absolute;top:48%}#light-prev{left:3px}#light-next{right:3px}.approval{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:70px max(22px,calc((100vw - 1280px)/2))}.approval-form{background:#36372f;padding:28px}.check{display:flex;gap:12px;align-items:start;margin:18px 0}.check input{flex:none;margin-top:7px}.opening-image img{max-height:78vh;object-fit:contain}.voice{padding:35px;max-width:900px;margin:35px auto;background:#3b3d35}.voice audio{display:block;width:100%;margin:20px 0}.story-note{font-size:.85rem;color:#d0c7b8}.end{max-width:850px;margin:50px auto;padding:35px}.end h2{font-family:Georgia,serif;font-weight:400}@media(max-width:900px){.approval{grid-template-columns:1fr;gap:25px}dialog{padding:38px 32px 15px}dialog img{max-width:85vw}}
.original-request{max-width:950px;margin:55px auto;padding:clamp(24px,5vw,65px);background:#36372f;border-left:3px solid #baa789}.original-request h2,.conversation h2{font:400 clamp(2rem,4vw,3.3rem)/1.15 Georgia,serif}.original-request blockquote{font:400 clamp(1.12rem,1.8vw,1.5rem)/1.65 Georgia,serif;white-space:pre-line;margin:0 0 25px}.conversation{max-width:950px;margin:55px auto 75px;padding:0 24px}.conversation-item{max-width:760px;margin:25px 0;padding:22px 26px;background:#36372f;border-left:2px solid #baa789}.conversation-item.annika{margin-left:auto;background:#3b3d35}.conversation-item .speaker{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#d5c5ae}.conversation-item blockquote{font:400 clamp(1.15rem,1.8vw,1.55rem)/1.5 Georgia,serif;margin:8px 0 0}.story-interlude{border-left:3px solid #baa789;padding:25px 35px;background:#36372f;max-width:850px}@media(max-width:600px){.original-request,.conversation{margin:30px 18px;padding:24px 18px}.conversation-item,.conversation-item.annika{margin:18px 0;padding:18px}.story-interlude{padding:24px}}

/* Fotostrecken wie in den Geschichten von Julia und Daggi: große Einzelbilder,
   ruhige Paare und gelegentliche Folgen aus drei oder vier unbeschnittenen Bildern. */
.image-row.sequence{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,24px);align-items:center;max-width:1240px}
.image-row.sequence:has(.photo:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.image-row.sequence .photo{min-width:0}
.image-row.sequence img{width:100%;height:auto;object-fit:contain}
.chapter:nth-of-type(even){background:#30312c}
.chapter:nth-of-type(odd){background:#252622}
.chapter-copy{max-width:850px}
.image-flow{gap:clamp(28px,3.5vw,52px)}
.image-row.paired{max-width:1240px;gap:clamp(18px,2.5vw,32px)}
.image-row.single .photo{max-width:1240px}
.image-row.single .photo:has(img[height='2048']){max-width:760px}
.eye{display:grid;place-items:center;width:46px;height:46px;padding:9px;border:1px solid #eee9df;border-radius:50%;background:#24241fea;box-shadow:0 2px 16px #0008;color:#fff;z-index:2}
.eye svg{display:block;width:25px;height:25px}
.eye .eye-closed{display:none}
.eye[aria-pressed='true'] .eye-open{display:none}
.eye[aria-pressed='true'] .eye-closed{display:block}
.eye[aria-pressed='true']{background:#d5c4ac;color:#252622;border-color:#d5c4ac}
.photo.excluded .open-photo img{opacity:.72;filter:brightness(.45) blur(2.5px);transition:filter .2s ease,opacity .2s ease}
.photo.excluded:after{content:'Abgewählt';pointer-events:none;bottom:14px;left:14px;padding:5px 10px;font-size:.78rem}
dialog.excluded>img{opacity:.72;filter:brightness(.45) blur(2.5px)}
dialog .eye{top:14px;right:76px}
@media(max-width:900px){.image-row.sequence,.image-row.sequence:has(.photo:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.image-row.sequence .photo:last-child:nth-child(odd){grid-column:1/-1;max-width:440px;width:100%;margin:auto}}
@media(max-width:600px){.image-row.sequence,.image-row.sequence:has(.photo:nth-child(3):last-child){gap:14px}.image-row.sequence .eye{right:6px;top:6px;width:38px;height:38px;padding:7px}.image-row.sequence .eye svg{width:21px;height:21px}.image-row.single .photo:has(img[height='2048']){max-width:100%}dialog .eye{right:60px}}

/* Die Geschichte im Vordergrund; Rückmeldung bleibt dezent erreichbar. */
.review-tools details>summary{cursor:pointer;font-size:.85rem;letter-spacing:.04em}.review-tools details[open]>summary{margin-bottom:18px}.review-tools details .quiet,.review-tools details .button{display:block;margin-top:12px}.review-intro{align-items:center;padding-block:38px}.review-intro h1{margin-bottom:0}.end{max-width:850px;margin:0 auto;padding:70px 28px 85px}.end h2{font-size:clamp(2.8rem,5vw,4.6rem);letter-spacing:-.04em}.end p{font-size:1.1rem;line-height:1.85}.end .kicker{font-size:.7rem;line-height:1.5}.end .signature{font:italic 1.6rem Georgia,serif;color:#d5c4ac;margin-top:30px}.approval{border-top:1px solid var(--line)}@media(max-width:600px){.review-intro{padding-block:25px}.end{padding:45px 22px 55px}.end p{font-size:1rem}}

/* Großzügige Bildflächen wie bei Julia: Querbilder groß, Hochbilder zentriert. */
.image-row,.image-row.paired,.image-row.sequence{max-width:1440px}.image-row.single .photo{max-width:1440px}.image-row.single .photo.portrait,.image-row.single .photo:has(img[height="2048"]){max-width:880px}.image-row.paired{gap:clamp(24px,3vw,45px)}.image-flow{gap:clamp(38px,4.5vw,75px)}.image-row.sequence,.image-row.sequence:has(.photo:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,45px)}.photo .open-photo img{height:auto;object-fit:contain}@media(max-width:600px){.image-flow{gap:32px}.image-row.paired,.image-row.sequence,.image-row.sequence:has(.photo:nth-child(3):last-child){grid-template-columns:1fr;gap:32px}.image-row.single .photo.portrait,.image-row.single .photo:has(img[height="2048"]){max-width:100%}}