/* Zomphyr-Saga V03 · Lokale Systemschriften, keine externen Abhängigkeiten. */
:root{--ink:#292d26;--paper:#f5f1e7;--paper2:#eae3d4;--forest:#243b30;--forest2:#172a22;--gold:#836734;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.75 Georgia,'Times New Roman',serif}img{max-width:100%;height:auto;display:block}figure{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid #bc883a;outline-offset:5px}button{font:inherit}h1,h2,h3,h4{font-weight:400;line-height:1.12;margin:0 0 1.2rem}h1,h2{letter-spacing:-.035em}h2{font-size:clamp(36px,4.8vw,62px)}h3{font-size:30px}h4{font-size:31px}p{margin:0 0 1.2em}h1,h2,h3,h4,[id]{scroll-margin-top:105px}.section{max-width:var(--max);padding:105px 30px;margin:auto}.lead{font-size:23px;line-height:1.6}.eyebrow,.small,figcaption,.textlink,.book-status{font-family:Arial,sans-serif}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.17em;text-transform:uppercase;color:var(--gold);font-weight:600}.small,figcaption{font-size:14px;line-height:1.6}.quote,.linger{font-size:23px;font-style:italic}.textlink{font-size:15px;line-height:1.7;display:inline-block;text-decoration:none;border-bottom:1px solid currentColor;padding:6px 0}.textlink:hover{border-bottom-width:2px}.actions{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;margin-top:28px}.tree-ornament{width:85px;height:85px;object-fit:contain;margin:0 auto 25px}.top{position:sticky;top:0;z-index:20;min-height:76px;padding:16px max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--forest2);color:#f8f3e8}.brand{font:600 14px/1.4 Arial,sans-serif;letter-spacing:.16em;text-decoration:none;white-space:nowrap}.top nav{display:flex;gap:22px;align-items:center;font:12px/1.5 Arial,sans-serif}.top nav a{padding:8px 0;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.top nav a:hover,.top nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.menu{display:none;border:1px solid #a6b0a7;background:transparent;color:inherit;padding:7px 13px;font:14px/1.5 Arial,sans-serif}.skip{position:fixed;top:-120px;left:15px;z-index:100;background:#fff;color:#182a21;padding:12px}.skip:focus{top:10px}
/* 01 Ankommen */
.hero{min-height:calc(100svh - 76px);position:relative;display:flex;align-items:flex-end;color:#fff;isolation:isolate;background:#192921}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,20,15,.84),rgba(9,20,15,.42) 57%,rgba(9,20,15,.12)),linear-gradient(0deg,rgba(9,20,15,.5),transparent 80%)}.hero-inner{width:min(1180px,100%);margin:auto;padding:90px 30px 75px}.hero h1{font-size:clamp(48px,6.8vw,88px);max-width:810px;margin-bottom:30px}.hero h1 span{display:block;font-size:clamp(22px,2.5vw,34px);line-height:1.4;letter-spacing:0;margin-top:18px}.hero p{max-width:570px;font-size:20px;line-height:1.7;text-shadow:0 1px 5px #13251d}.hero .textlink{color:#fff}
/* 02 Ylderen */
.book{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:95px;align-items:center}.cover-wrap img{width:100%;box-shadow:0 20px 38px #28241830}.cover-wrap{max-width:340px;margin:auto}.book .quote{margin-top:25px}
/* 03 Falkenried, Karte und abwechselnde Ortsansichten */
.place{padding-top:55px}.intro{max-width:810px;margin:0 auto 55px;text-align:center}.map-title{text-align:center;font-size:24px;margin:0 0 25px}.map img{width:100%}.map a{display:block}.map figcaption{margin-top:12px;color:#585e52;text-align:center}.places-heading{max-width:670px;text-align:center;margin:90px auto 55px;font-size:32px}.place-row{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;margin-top:65px}.place-row>img{width:100%}.place-row.reverse{grid-template-columns:1fr 1.15fr}.place-row.reverse>img{grid-column:2;grid-row:1}.place-row.reverse>div{grid-column:1;grid-row:1}
/* 04 Zomphyr */
.character{background:var(--forest2);color:#f5f1e7}.character-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.character-inner>img{width:100%}.character h2{font-size:clamp(36px,4vw,54px)}.character .eyebrow{color:#d1b67e}
/* 05 Geschichten */
.stories{max-width:1040px}.stories>.lead{max-width:740px}.featured-story{background:#ece6d8;padding:45px 55px;margin:45px 0 32px}.featured-story .tree-ornament{margin:0 0 18px;width:65px;height:65px}.featured-story h3{font-size:42px}.story-links{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:14px 28px;margin:30px 0}.story-links a{font-size:17px}
/* 06 Kinder */
.kids{background:#e9edde}.kids .section{padding-top:75px}.kids-illustration{width:100%;max-width:none}.kids-copy{max-width:760px;margin:45px auto 0}.kids-copy .outlook{margin-top:35px;font-size:17px}.kids-copy h3{font-size:26px}.kids .small{margin-top:16px}
/* 07 Trilogie: keine Timeline */
.saga>.lead{max-width:860px}.volumes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:55px}.volumes article{min-width:0}.volumes .eyebrow{margin-bottom:18px}.volume-art{height:390px;display:flex;align-items:stretch;justify-content:center;text-decoration:none;margin-bottom:28px}.volume-art img{width:100%;height:100%;object-fit:contain;object-position:bottom}.volumes h3{font-size:31px;margin-bottom:10px}.book-status{font-size:14px;color:#555d51}.typographic-cover{width:100%;max-width:260px;background:#26382e;color:#eee6d3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 15px;gap:20px;aspect-ratio:2/3;border:1px solid #7f795f}.typographic-cover strong{font-size:31px;letter-spacing:.025em;font-weight:400}.typographic-cover span{font-size:16px}.typographic-cover small{font:12px/1.6 Arial,sans-serif;color:#eee6d3}.typographic-cover .tree-ornament{margin:0;width:80px;height:80px}.standalone{margin:35px auto}
/* 08 Journal, 09 Autor, 10 Ausklang */
.journal{border-top:1px solid #cfc8b8;padding-top:65px}.journal-entries{margin:38px 0}.journal-entries article{max-width:720px;border-top:1px solid #cfc8b8;padding-top:26px}.journal h3{font-size:29px}.author{max-width:900px;padding-top:40px;padding-bottom:95px}.author h2{font-size:42px}.closing{background:var(--forest);color:#f5f1e7;text-align:center}.closing .section{max-width:840px}.closing h2{font-size:52px}.quiet-links{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;font:15px/1.8 Arial,sans-serif;margin-top:35px}
/* Unterseiten aus V02 */
.page-content{max-width:930px;padding-top:65px}.page-content h1{font-size:clamp(38px,5vw,62px)}.page-content h2{font-size:36px;margin-top:50px}.page-content h3{font-size:27px;margin-top:30px}.breadcrumbs{font:14px/1.7 Arial,sans-serif;margin-bottom:38px}.page-content .eyebrow{margin-bottom:18px}.reading{max-width:68ch;margin:35px auto}.reading p{line-height:1.85}.feature-image{max-width:700px;margin:35px auto}.feature-image img{width:100%}.book-cover{max-width:310px;margin:35px auto}.book-cover img{width:100%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:18px;margin:35px 0}.cards a{border-top:1px solid #b5ae9b;padding:20px 0;text-decoration:none;font:16px/1.65 Arial,sans-serif}.btn{display:inline-block;background:var(--forest);color:#fff;padding:12px 20px;font:15px/1.6 Arial,sans-serif;text-decoration:none}.placeholder,.notice{background:var(--paper2);padding:25px;margin:30px 0;border-left:3px solid #80652f}.placeholder>span{font:12px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.placeholder p{margin:12px 0 0}.kids-page{background:#edf0e3}.page-content .volumes{gap:28px}.page-content .volume-art{height:315px}
footer{background:#122219;color:#e2e6dc;text-align:center;padding:50px 24px;font:13px/1.8 Arial,sans-serif}footer strong{letter-spacing:.16em}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 23px;max-width:1000px;margin:28px auto}footer p{margin:0}
@media(max-width:1000px){.top{gap:20px;padding-inline:22px}.top nav{gap:15px;font-size:11px}.book{gap:50px}.volumes{gap:28px}.volume-art{height:330px}.place-row{gap:35px}.character-inner{gap:35px}}
@media(max-width:800px){body{font-size:18px}.top{position:relative;flex-wrap:wrap;min-height:66px;padding:17px 20px;gap:15px}.top nav{width:100%;flex-direction:column;align-items:stretch;gap:0;font-size:13px}.top nav a{padding:13px 0}.top.js-nav nav{display:none}.top.js-nav nav.open{display:flex}.top.js-nav .menu{display:block}.top .menu[hidden]{display:none}.section{padding:65px 22px}.hero{min-height:calc(100svh - 66px)}.hero-image{object-position:56% center}.hero:after{background:linear-gradient(0deg,rgba(9,20,15,.94),rgba(9,20,15,.32) 95%)}.hero-inner{padding:100px 24px 48px;margin-top:auto}.hero h1{font-size:clamp(43px,9.8vw,70px)}.hero h1 span{font-size:25px;max-width:270px}.hero p{font-size:18px}.hero .actions{gap:12px 24px}.book{grid-template-columns:1fr;gap:38px}.cover-wrap{width:min(78%,330px)}.place{padding-top:25px}.lead{font-size:21px}.map{margin-inline:-10px}.places-heading{font-size:28px;margin-top:65px}.place-row,.place-row.reverse{grid-template-columns:1fr;gap:25px;margin-top:48px}.place-row>img{width:calc(100% + 20px);max-width:none;margin-left:-10px}.place-row.reverse>img,.place-row.reverse>div{grid-column:auto;grid-row:auto}.character-inner{grid-template-columns:1fr;gap:35px}.character-inner>img{width:calc(100% + 20px);max-width:none;margin-left:-10px}.character h2{font-size:38px}.featured-story{padding:30px 24px;margin-inline:-5px}.featured-story h3{font-size:36px}.story-links{display:block}.story-links li{margin:18px 0}.kids .section{padding-top:35px}.kids-illustration{width:calc(100% + 24px);max-width:none;margin-left:-12px}.kids-copy{margin-top:32px}.volumes{grid-template-columns:1fr;gap:55px;max-width:380px;margin:45px auto 0}.volume-art,.page-content .volume-art{height:auto;min-height:0;max-width:310px;margin:0 auto 24px}.volume-art img{height:auto;max-height:480px;width:auto;max-width:100%}.typographic-cover{max-width:310px;width:100%;min-height:440px}.volumes h3,.volumes .eyebrow,.book-status{text-align:center}.journal h2,.author h2,.closing h2{font-size:37px}.author{padding-top:20px}.quiet-links{gap:18px}.page-content{padding-top:40px}.page-content .volumes{gap:50px}.actions{gap:16px;align-items:flex-start}.page-content h1{overflow-wrap:anywhere}h1,h2,h3,h4,[id]{scroll-margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.top,.skip,footer,.menu{display:none}.hero{min-height:0;background:#fff;color:#111}.hero-image,.hero:after{display:none}.hero p{color:#111;text-shadow:none}.section{padding:25px 0}.character,.closing{background:#fff;color:#111}a{color:#111}.volumes{break-inside:avoid}}

/* Reserve mobile cover dimensions before lazy loading. */
@media(max-width:800px){.volume-art img{width:100%;height:auto;}}