/* Chapter II: the fields, the sky, and a life beyond fighting. */
:root{--paper:#ece4ce;--gold:#dcbf80;--line:rgba(233,214,173,.24)}
.sun-haze{position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(ellipse at 78% 64%,rgba(238,176,74,.23),transparent 37%);mix-blend-mode:screen;animation:horizon-breath 13s ease-in-out infinite;transition:opacity 2.8s}
.night .sun-haze{opacity:.08;animation:none}.is-still .sun-haze{animation:none}
.shade{background:linear-gradient(90deg,rgba(13,26,25,.32),transparent 70%),linear-gradient(180deg,rgba(12,24,25,.13),transparent 55%,rgba(13,20,16,.68))}
.chapter-mark{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#d8c6a0;font-size:7px;letter-spacing:2.5px;opacity:.75}.chapter-index{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1}.chapter-rule{height:1px;width:28px;background:#baa579}
.hero{padding-top:20px}h1{color:#f5ecd5;text-shadow:0 2px 35px rgba(22,28,18,.16)}
.saga-note{bottom:65px;right:1%;display:flex;flex-direction:column;align-items:flex-start;gap:15px;text-align:left;max-width:330px;color:#f2e5c7;transition:opacity .4s,transform .4s}
.saga-small{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:7px;letter-spacing:3px;color:#d3bd88}
.saga-quote{font-size:38px;line-height:1.02;font-style:italic;text-wrap:balance;max-width:300px}
.saga-caption{font-family:Manrope,Arial,sans-serif;display:flex;align-items:center;gap:12px;font-style:normal;font-size:8px;letter-spacing:1px;color:#d9caab}.saga-caption i{width:24px;height:1px;background:#c6ae78}.saga-caption>span{font-size:15px;margin-left:8px}.saga-note:hover{transform:translateY(-4px)}
.music-quick{padding:8px 0;display:flex;align-items:center;gap:14px;text-align:left}.music-quick strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-style:italic;font-weight:400;line-height:1.05}.music-quick small{display:block;font-size:6px;letter-spacing:1.6px;color:#cbbd9c;margin-top:5px}.quick-play{font-size:8px;margin-left:8px;color:#d7bd80}
.sound-bars{width:19px;height:20px;display:flex;align-items:center;gap:3px}.sound-bars i{display:block;width:1px;height:6px;background:#d2b779}.sound-bars i:nth-child(2){height:14px}.sound-bars i:nth-child(3){height:19px}.sound-bars i:nth-child(4){height:11px}.music-playing .sound-bars i{animation:sound-rise 1s ease-in-out infinite alternate}.music-playing .sound-bars i:nth-child(2){animation-delay:-.4s}.music-playing .sound-bars i:nth-child(3){animation-delay:-.7s}.music-playing .sound-bars i:nth-child(4){animation-delay:-.2s}
.panel{background:linear-gradient(100deg,#e6dbc1,#efe8d7 38%,#ece4ce)}.panel:before{opacity:.055}.panel-body h2 em{color:#958b65}.panel-top{border-bottom:1px solid rgba(131,115,73,.14);margin-bottom:10px}.panel-bottom{border-color:rgba(131,115,73,.2)}
.personal-motif{display:flex;align-items:center;flex-direction:column;gap:15px;padding:30px 0;margin:15px 0 12px}.personal-motif svg{width:130px;height:38px;fill:none;stroke:#9c946c;stroke-width:.8}.personal-motif span{text-align:center;font-size:7px;letter-spacing:2.5px;line-height:1.9;color:#8f8d71}
.mood-visual{position:relative;padding:8px;border:1px solid #c2b698;background:#ded5bd;box-shadow:0 8px 20px rgba(48,49,27,.07);transform:rotate(-1.2deg);margin:6px 4px 32px}.mood-visual img{height:250px;object-position:center 57%;filter:saturate(.72) sepia(.1)}.mood-visual figcaption{margin:10px 5px 4px;font-size:7px;letter-spacing:2px}
.saga-pullquote{margin:28px 0;padding:10px 0 22px;border-bottom:1px solid #c5bca3;position:relative}.saga-pullquote>span{position:absolute;left:-7px;top:-14px;font-family:Georgia,serif;font-size:70px;color:#b5aa83;opacity:.4}.saga-pullquote p{font-family:'Cormorant Garamond',Georgia,serif;font-size:35px;font-style:italic;font-weight:400;margin:0 0 13px;line-height:1.06;position:relative}.saga-pullquote cite{font-family:Manrope,Arial,sans-serif;font-style:normal;letter-spacing:2px;font-size:6px;color:#8f886a}
.saga-stills{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0 30px}.saga-stills figure{margin:0}.saga-stills img{display:block;width:100%;aspect-ratio:1.48;object-fit:cover;filter:saturate(.65) sepia(.1)}.saga-stills figcaption{font-size:6px;letter-spacing:1.2px;color:#898268;margin-top:9px;line-height:1.5}
.editor{background:#ece4ce}.interests span{border-color:#c1bda6}.music-card{border-color:#c5bca3}.record{background:repeating-radial-gradient(#494831 0 1px,#343d2d 2px 3px)}.record i{background:#b8a578}
.publish-config{font-size:9px;color:#68774f;border-bottom:1px solid #bbc2a3;padding:4px 0 9px;margin:0 0 18px;text-align:left}
@keyframes horizon-breath{0%,100%{opacity:.3}50%{opacity:.6}}@keyframes sound-rise{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@media(max-width:1100px){.saga-note{max-width:250px;bottom:55px}.saga-quote{font-size:30px}.saga-small{font-size:6px;letter-spacing:2px}}
@media(max-width:700px){.chapter-mark{margin-bottom:24px;font-size:6px;letter-spacing:2px}.chapter-index{font-size:18px}.chapter-rule{width:22px}.hero{padding:14px 0 40px}.saga-note{display:flex;bottom:30px;right:0;left:0;max-width:none;flex-direction:row;align-items:center;gap:12px;justify-content:flex-start}.saga-quote{font-size:20px;max-width:none}.saga-small{font-size:5px;line-height:1.6;letter-spacing:1.4px;max-width:75px;order:2;border-left:1px solid var(--line);padding-left:12px}.saga-caption{display:none}.music-quick{gap:9px;min-width:0}.music-quick strong{font-size:16px}.music-quick small{font-size:5px;letter-spacing:.8px}.quick-play{margin-left:0;font-size:7px}.sound-bars{width:13px;gap:2px}.scene-controls{gap:12px}.footer{min-height:82px;align-items:center;padding:12px 0}.mood-visual img{height:260px}.mood-visual{margin-left:2px;margin-right:2px}.panel-top{margin-bottom:8px}.personal-motif{padding:22px 0}.hero-line{font-size:23px}}
@media(max-width:380px){.music-quick strong{font-size:14px}.music-quick small{font-size:4.5px;letter-spacing:.5px}.music-quick{gap:7px}.scene-controls{gap:8px}.control{font-size:8px}.saga-quote{font-size:18px}.saga-note{gap:10px}.saga-small{font-size:4.5px}}
@media(max-height:700px) and (min-width:701px){.chapter-mark{margin-bottom:15px}.hero{padding-top:10px}.saga-note{bottom:35px}.saga-quote{font-size:30px}}
@media(max-height:650px) and (max-width:700px){.chapter-mark{display:none}.saga-note{bottom:18px}.hero{padding:0 0 35px}h1{font-size:69px}.hero-line{font-size:20px;margin:17px 0 15px}.discover{margin-top:13px}.saga-quote{font-size:17px}.saga-small{font-size:4px}.footer{min-height:68px}}
@media(prefers-reduced-motion:reduce){.sun-haze,.sound-bars i{animation:none!important}.saga-note:hover{transform:none}}