:root { --paper:#f7f3e9; --ink:#2d352f; --green:#234d40; --muted:#61675e; --gold:#956b33; --line:#ddd6c5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:1.5rem; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Georgia,"Times New Roman",serif; }
a { color:var(--green); text-underline-offset:.22em; }
a:hover { color:#75501e; }
a:focus-visible { outline:3px solid var(--gold); outline-offset:5px; border-radius:3px; }
.skip-link { position:absolute; top:-5rem; left:1rem; z-index:10; background:white; padding:1rem; }
.skip-link:focus { top:1rem; }
.hero { padding:clamp(3rem,8vw,6rem) 1.5rem; background:var(--green); color:#fff9ed; text-align:center; }
.eyebrow { font:600 .75rem/1.5 system-ui,sans-serif; text-transform:uppercase; letter-spacing:.24em; }
h1 { font-weight:normal; font-size:clamp(2.5rem,7vw,4.8rem); margin:.65rem 0 1rem; line-height:1.12; }
.hero p:last-child { max-width:38rem; margin:0 auto; color:#e5e8dd; font-size:1.15rem; line-height:1.65; }
.page { width:min(100% - 3rem,68rem); margin:0 auto; }
.contents { padding:3rem 0 3.5rem; }
.contents h2 { font-size:2rem; font-weight:normal; margin:0 0 .5rem; color:var(--green); }
.contents .intro { color:var(--muted); margin:0 0 2rem; font:1rem/1.6 system-ui,sans-serif; }
.contents h3 { color:var(--gold); font:600 .78rem/1.5 system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; margin:1.8rem 0 .6rem; }
.contents ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.2rem 2rem; padding:0; margin:0; list-style:none; }
.contents a { display:flex; align-items:baseline; gap:.7rem; text-decoration:none; padding:.55rem .3rem; font-size:1rem; line-height:1.45; }
.contents a:hover { background:#ece9dd; border-radius:4px; }
.toc-number { flex:0 0 1.6rem; color:var(--muted); font: .72rem/1.5 system-ui,sans-serif; }
.poem { max-width:56rem; margin:0 auto 2.5rem; padding:clamp(1.5rem,5vw,3.5rem); background:#fffcf5; border:1px solid var(--line); border-radius:8px; box-shadow:0 8px 28px #25392e06; scroll-margin-top:1.5rem; }
.poem:target { border-color:var(--gold); }
.poem-number { color:var(--gold); font:600 .72rem/1.5 system-ui,sans-serif; letter-spacing:.15em; text-transform:uppercase; margin:0 0 .6rem; }
.poem h2 { color:var(--green); font-size:clamp(1.7rem,4vw,2.6rem); font-weight:normal; line-height:1.2; margin:0 0 1.8rem; overflow-wrap:anywhere; }
.stanza { font-size:1.12rem; line-height:1.85; margin:0 0 1.5rem; }
.verse-line { display:block; padding-left:1.15em; text-indent:-1.15em; overflow-wrap:anywhere; white-space: pre-wrap;}
.stanza:last-child { margin-bottom:0; }
.back { display:inline-block; margin-top:2rem; font: .82rem/1.5 system-ui,sans-serif; }
footer { padding:1rem 0 3rem; text-align:center; color:var(--muted); font:.85rem/1.6 system-ui,sans-serif; }
@media (max-width:640px) { .page { width:calc(100% - 1.5rem); } .contents { padding:2rem .5rem; } .contents ol { grid-template-columns:1fr; } .poem { margin-bottom:1.2rem; } .stanza { font-size:1.05rem; line-height:1.8; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { body { background:white; color:black; } .hero { background:white; color:black; padding:1rem 0; } .hero p:last-child { color:black; } .page { width:100%; } .poem { box-shadow:none; border:0; padding:1rem 0; margin-bottom:1rem; break-before:page; } .poem h2 { break-after:avoid; } .stanza { break-inside:avoid; } .back,.skip-link,footer { display:none; } a { color:black; text-decoration:none; } }

input, textarea, select, button { font:inherit; }
input, textarea, select { border:1px solid #b8beae; border-radius:5px; background:#fffefa; color:var(--ink); padding:.75rem; width:100%; min-width:0; }
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }
button,.button { display:inline-block; background:var(--green); border:1px solid var(--green); border-radius:5px; color:white; padding:.7rem 1rem; text-decoration:none; font:600 .92rem/1.5 system-ui,sans-serif; cursor:pointer; }
button:hover,.button:hover { background:#17392f; color:white; }
.secondary { background:transparent; color:var(--green); }
.search { padding-top:2rem; max-width:56rem; margin:auto; }
.search label,.editor label { display:block; font:600 .92rem/1.6 system-ui,sans-serif; margin-bottom:.4rem; }
.search-row { display:flex; gap:.7rem; align-items:center; }
.search-row input { flex:1; }
.byline { color:var(--muted); font-style:italic; margin:-.8rem 0 1.8rem; }
.permalink { max-width:56rem; margin:-1.5rem auto 3rem; text-align:right; font:.8rem/1.5 system-ui,sans-serif; padding-right:.5rem; }
.small-header { padding:1.3rem 1.5rem; text-align:center; background:var(--green); }
.small-header a { color:#fff9ed; font-size:1.3rem; }
.single-poem { padding-top:3rem; }
.admin-bar { padding:1.2rem max(1.2rem,calc((100vw - 68rem)/2)); background:var(--green); color:white; display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; font: .92rem/1.5 system-ui,sans-serif; }
.admin-bar a { color:#fff9ed; text-decoration:none; }
.admin-bar nav { display:flex; gap:1rem; flex-wrap:wrap; }
.brand { font-weight:bold; }
.admin-main { max-width:68rem; margin:0 auto; padding:2rem 1.5rem 4rem; }
.admin-main h1 { color:var(--green); font-size:clamp(2rem,5vw,3rem); }
.identity,.hint,.optional { color:var(--muted); font:.85rem/1.6 system-ui,sans-serif; }
.toolbar { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin:1.5rem 0; }
.notice,.error { border-left:4px solid var(--green); padding:1rem; background:#e8efe5; font:1rem/1.6 system-ui,sans-serif; }
.error { border-color:#9a382e; background:#f7e6df; }
.admin-card { display:flex; justify-content:space-between; gap:1.5rem; padding:1.4rem; background:#fffcf5; border:1px solid var(--line); border-radius:7px; margin:1rem 0; }
.admin-card h2 { margin:.5rem 0; color:var(--green); font-weight:normal; }
.admin-card p { margin:0; }
.card-actions { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; font:.85rem/1.5 system-ui,sans-serif; }
.card-actions form { margin:0; }
.status { color:var(--muted); font:.85rem/1.5 system-ui,sans-serif; }
.danger { background:#843b31; border-color:#843b31; }
.danger-link { color:#843b31; }
.editor { max-width:52rem; }
.editor input,.editor select,.editor textarea { margin-bottom:1.3rem; }
.editor textarea { line-height:1.65; resize:vertical; }
.editor .hint { margin:.1rem 0 .7rem; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.editor .checkbox { display:flex; align-items:center; gap:.7rem; margin:1rem 0; }
.checkbox input { width:auto; margin:0; }
.empty { padding:2rem; color:var(--muted); }
.section-list { padding-left:1.3rem; line-height:2; }
@media(max-width:640px) { .admin-card { flex-direction:column; } .form-grid { grid-template-columns:1fr; gap:0; } .search-row { flex-wrap:wrap; } .search-row input { flex-basis:100%; } .admin-main { padding:1.5rem 1rem; } }

/* Per-poem alignment, saved by the editor. No inline CSS is required. */
.verses-left .verse-line { text-align:left; }
.verses-centered .verse-line {
    text-align:center;
    padding-left:0;
    text-indent:0;
}

/* SQL-backed poem images and admin editor. All styling stays in this file. */
[hidden] { display:none !important; }
.poem-composition { display:flow-root; }
.poem-image { position:relative; margin:0 0 1.7rem; overflow:hidden; isolation:isolate; }
.poem-image img { display:block; width:100%; height:auto; }
.image-align-left { margin-right:auto; }
.image-align-center,.image-align-fullwidth { margin-left:auto; margin-right:auto; }
.image-align-right { margin-left:auto; }
.image-faded::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(to bottom,transparent var(--fade-start,50%),#fffcf5 100%); }
.image-position-bottom .image-faded::after { background:linear-gradient(to top,transparent var(--fade-start,50%),#fffcf5 100%); }
.image-position-bottom .poem-image { margin-top:1.7rem; margin-bottom:0; }
.image-layout-wrap .image-align-right { float:right; margin:0 0 1rem 1.5rem; }
.image-layout-wrap .image-align-left { float:left; margin:0 1.5rem 1rem 0; }
.image-layout-wrap .verse-line { display:table; max-width:100%; }
.image-layout-overlap .poem-image { width:100%; aspect-ratio:16/9; }
.image-layout-overlap .poem-image img { width:100%; height:100%; object-fit:cover; }
.image-layout-overlap .verses { position:relative; z-index:1; }
.image-layout-overlap.image-position-top .poem-image { margin-bottom:calc(var(--overlap-percent,25%) * -0.5625); }
.image-layout-overlap.image-position-bottom .poem-image { margin-top:calc(var(--overlap-percent,25%) * -0.5625); }
.image-editor-page .admin-main { max-width:1480px; }
.editor-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:1.6rem; align-items:start; }
.image-editor { max-width:none; background:#fffcf5; border:1px solid var(--line); border-radius:8px; padding:1.5rem; }
.title-row { grid-template-columns:2fr 1fr; }
.image-controls { margin:.5rem 0 1.5rem; }
.image-controls h2 { font:600 1rem/1.5 system-ui,sans-serif; margin:0 0 .8rem; }
.upload-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:1.4rem; margin-bottom:1rem; }
.drop-zone { border:1px dashed #aaa88f; padding:1.2rem; border-radius:6px; text-align:center; position:relative; }
.drop-zone p { margin:.5rem 0; }
.upload-symbol { font-size:2.3rem; color:var(--green); }
.drop-active { background:#edf2e7; border-color:var(--green); }
.upload-busy { opacity:.6; }
.file-label { cursor:pointer; }
.file-input { position:absolute; width:1px; height:1px; padding:0; margin:0 !important; opacity:0; }
.drop-zone:focus-within { outline:3px solid var(--gold); outline-offset:3px; }
.upload-current img { width:100%; max-height:190px; object-fit:contain; border-radius:5px; background:#f4f2e9; }
#image-filename { font:.85rem/1.5 system-ui,sans-serif; overflow-wrap:anywhere; margin:.4rem 0; }
.image-actions { display:flex; gap:1rem; }
.text-button { background:none; color:var(--green); border:0; padding:0; font-weight:normal; text-decoration:underline; }
.text-button:hover { background:none; color:var(--gold); }
.text-button.danger-link { color:#843b31; }
button:disabled,.button:disabled { opacity:.45; cursor:default; }
.description-row { display:grid; grid-template-columns:2fr 1fr; gap:1rem; align-items:center; }
.image-setting-grid { display:grid; grid-template-columns:1fr 1.7fr 1.35fr; gap:1rem; padding-top:1.1rem; border-top:1px solid var(--line); }
.image-setting-grid.sliders { grid-template-columns:1.2fr 1.2fr 1fr; }
.image-controls fieldset { margin:0; padding:0; border:0; min-width:0; }
.image-controls legend { font:600 .88rem/1.6 system-ui,sans-serif; margin-bottom:.4rem; }
.segmented { display:flex; }
.editor .segmented label { flex:1; position:relative; margin:0; font-weight:normal; text-align:center; }
.segmented input { position:absolute; opacity:0; width:1px; height:1px; margin:0 !important; }
.segmented span { display:block; border:1px solid #c5c6b4; background:#f8f6ed; padding:.5rem .45rem; font:.8rem/1.5 system-ui,sans-serif; white-space:nowrap; }
.segmented label:first-child span { border-radius:5px 0 0 5px; }
.segmented label:last-child span { border-radius:0 5px 5px 0; }
.segmented input:checked + span { background:var(--green); color:white; border-color:var(--green); }
.segmented input:focus-visible + span { outline:3px solid var(--gold); outline-offset:2px; }
.editor input[type="range"] { border:0; padding:0; accent-color:var(--green); width:100%; margin:.3rem 0 1rem; }
.image-controls output { display:block; font:.78rem/1.5 system-ui,sans-serif; color:var(--muted); font-weight:normal; }
.muted-control { opacity:.5; }
.error-text { color:#843b31; }
.live-preview { position:sticky; top:1rem; }
.live-preview h2 { font-size:1.8rem; color:var(--green); margin:0; }
.live-preview>p { margin:.3rem 0 1rem; }
.preview-poem { padding:1.6rem; margin:0; }
.preview-poem h2 { font-size:2rem; margin-bottom:1rem; }
.preview-poem .stanza { font-size:1rem; line-height:1.75; }
.preview-poem .poem-composition { overflow-wrap:anywhere; }
@media(max-width:1100px) { .image-setting-grid,.image-setting-grid.sliders { grid-template-columns:1fr; } }
@media(max-width:820px) { .editor-layout { grid-template-columns:1fr; } .live-preview { position:static; } .image-setting-grid,.image-setting-grid.sliders { grid-template-columns:1fr 1fr; } }
@media(max-width:640px) {
 .title-row,.upload-grid,.description-row,.image-setting-grid,.image-setting-grid.sliders { grid-template-columns:1fr; }
 .image-editor { padding:1rem; }
 .image-layout-wrap .poem-image { float:none; width:100%; margin:0 0 1.5rem; }
 .image-layout-wrap .verse-line { display:block; }
}
@media print { .editor-layout { display:block; } .image-controls,.live-preview { display:none; } .image-layout-wrap .poem-image { float:none; margin:0 auto 1rem; } }
.image-width-5 { width:5%; }
.image-width-6 { width:6%; }
.image-width-7 { width:7%; }
.image-width-8 { width:8%; }
.image-width-9 { width:9%; }
.image-width-10 { width:10%; }
.image-width-11 { width:11%; }
.image-width-12 { width:12%; }
.image-width-13 { width:13%; }
.image-width-14 { width:14%; }
.image-width-15 { width:15%; }
.image-width-16 { width:16%; }
.image-width-17 { width:17%; }
.image-width-18 { width:18%; }
.image-width-19 { width:19%; }
.image-width-20 { width:20%; }
.image-width-21 { width:21%; }
.image-width-22 { width:22%; }
.image-width-23 { width:23%; }
.image-width-24 { width:24%; }
.image-width-25 { width:25%; }
.image-width-26 { width:26%; }
.image-width-27 { width:27%; }
.image-width-28 { width:28%; }
.image-width-29 { width:29%; }
.image-width-30 { width:30%; }
.image-width-31 { width:31%; }
.image-width-32 { width:32%; }
.image-width-33 { width:33%; }
.image-width-34 { width:34%; }
.image-width-35 { width:35%; }
.image-width-36 { width:36%; }
.image-width-37 { width:37%; }
.image-width-38 { width:38%; }
.image-width-39 { width:39%; }
.image-width-40 { width:40%; }
.image-width-41 { width:41%; }
.image-width-42 { width:42%; }
.image-width-43 { width:43%; }
.image-width-44 { width:44%; }
.image-width-45 { width:45%; }
.image-width-46 { width:46%; }
.image-width-47 { width:47%; }
.image-width-48 { width:48%; }
.image-width-49 { width:49%; }
.image-width-50 { width:50%; }
.image-width-51 { width:51%; }
.image-width-52 { width:52%; }
.image-width-53 { width:53%; }
.image-width-54 { width:54%; }
.image-width-55 { width:55%; }
.image-width-56 { width:56%; }
.image-width-57 { width:57%; }
.image-width-58 { width:58%; }
.image-width-59 { width:59%; }
.image-width-60 { width:60%; }
.image-width-61 { width:61%; }
.image-width-62 { width:62%; }
.image-width-63 { width:63%; }
.image-width-64 { width:64%; }
.image-width-65 { width:65%; }
.image-width-66 { width:66%; }
.image-width-67 { width:67%; }
.image-width-68 { width:68%; }
.image-width-69 { width:69%; }
.image-width-70 { width:70%; }
.image-width-71 { width:71%; }
.image-width-72 { width:72%; }
.image-width-73 { width:73%; }
.image-width-74 { width:74%; }
.image-width-75 { width:75%; }
.image-width-76 { width:76%; }
.image-width-77 { width:77%; }
.image-width-78 { width:78%; }
.image-width-79 { width:79%; }
.image-width-80 { width:80%; }
.image-width-81 { width:81%; }
.image-width-82 { width:82%; }
.image-width-83 { width:83%; }
.image-width-84 { width:84%; }
.image-width-85 { width:85%; }
.image-width-86 { width:86%; }
.image-width-87 { width:87%; }
.image-width-88 { width:88%; }
.image-width-89 { width:89%; }
.image-width-90 { width:90%; }
.image-width-91 { width:91%; }
.image-width-92 { width:92%; }
.image-width-93 { width:93%; }
.image-width-94 { width:94%; }
.image-width-95 { width:95%; }
.image-width-96 { width:96%; }
.image-width-97 { width:97%; }
.image-width-98 { width:98%; }
.image-width-99 { width:99%; }
.image-width-100 { width:100%; }
.image-fade-0 { --fade-start:100%; }
.image-overlap-0 { --overlap-percent:0%; }
.image-fade-1 { --fade-start:99%; }
.image-overlap-1 { --overlap-percent:1%; }
.image-fade-2 { --fade-start:98%; }
.image-overlap-2 { --overlap-percent:2%; }
.image-fade-3 { --fade-start:97%; }
.image-overlap-3 { --overlap-percent:3%; }
.image-fade-4 { --fade-start:96%; }
.image-overlap-4 { --overlap-percent:4%; }
.image-fade-5 { --fade-start:95%; }
.image-overlap-5 { --overlap-percent:5%; }
.image-fade-6 { --fade-start:94%; }
.image-overlap-6 { --overlap-percent:6%; }
.image-fade-7 { --fade-start:93%; }
.image-overlap-7 { --overlap-percent:7%; }
.image-fade-8 { --fade-start:92%; }
.image-overlap-8 { --overlap-percent:8%; }
.image-fade-9 { --fade-start:91%; }
.image-overlap-9 { --overlap-percent:9%; }
.image-fade-10 { --fade-start:90%; }
.image-overlap-10 { --overlap-percent:10%; }
.image-fade-11 { --fade-start:89%; }
.image-overlap-11 { --overlap-percent:11%; }
.image-fade-12 { --fade-start:88%; }
.image-overlap-12 { --overlap-percent:12%; }
.image-fade-13 { --fade-start:87%; }
.image-overlap-13 { --overlap-percent:13%; }
.image-fade-14 { --fade-start:86%; }
.image-overlap-14 { --overlap-percent:14%; }
.image-fade-15 { --fade-start:85%; }
.image-overlap-15 { --overlap-percent:15%; }
.image-fade-16 { --fade-start:84%; }
.image-overlap-16 { --overlap-percent:16%; }
.image-fade-17 { --fade-start:83%; }
.image-overlap-17 { --overlap-percent:17%; }
.image-fade-18 { --fade-start:82%; }
.image-overlap-18 { --overlap-percent:18%; }
.image-fade-19 { --fade-start:81%; }
.image-overlap-19 { --overlap-percent:19%; }
.image-fade-20 { --fade-start:80%; }
.image-overlap-20 { --overlap-percent:20%; }
.image-fade-21 { --fade-start:79%; }
.image-overlap-21 { --overlap-percent:21%; }
.image-fade-22 { --fade-start:78%; }
.image-overlap-22 { --overlap-percent:22%; }
.image-fade-23 { --fade-start:77%; }
.image-overlap-23 { --overlap-percent:23%; }
.image-fade-24 { --fade-start:76%; }
.image-overlap-24 { --overlap-percent:24%; }
.image-fade-25 { --fade-start:75%; }
.image-overlap-25 { --overlap-percent:25%; }
.image-fade-26 { --fade-start:74%; }
.image-overlap-26 { --overlap-percent:26%; }
.image-fade-27 { --fade-start:73%; }
.image-overlap-27 { --overlap-percent:27%; }
.image-fade-28 { --fade-start:72%; }
.image-overlap-28 { --overlap-percent:28%; }
.image-fade-29 { --fade-start:71%; }
.image-overlap-29 { --overlap-percent:29%; }
.image-fade-30 { --fade-start:70%; }
.image-overlap-30 { --overlap-percent:30%; }
.image-fade-31 { --fade-start:69%; }
.image-overlap-31 { --overlap-percent:31%; }
.image-fade-32 { --fade-start:68%; }
.image-overlap-32 { --overlap-percent:32%; }
.image-fade-33 { --fade-start:67%; }
.image-overlap-33 { --overlap-percent:33%; }
.image-fade-34 { --fade-start:66%; }
.image-overlap-34 { --overlap-percent:34%; }
.image-fade-35 { --fade-start:65%; }
.image-overlap-35 { --overlap-percent:35%; }
.image-fade-36 { --fade-start:64%; }
.image-overlap-36 { --overlap-percent:36%; }
.image-fade-37 { --fade-start:63%; }
.image-overlap-37 { --overlap-percent:37%; }
.image-fade-38 { --fade-start:62%; }
.image-overlap-38 { --overlap-percent:38%; }
.image-fade-39 { --fade-start:61%; }
.image-overlap-39 { --overlap-percent:39%; }
.image-fade-40 { --fade-start:60%; }
.image-overlap-40 { --overlap-percent:40%; }
.image-fade-41 { --fade-start:59%; }
.image-overlap-41 { --overlap-percent:41%; }
.image-fade-42 { --fade-start:58%; }
.image-overlap-42 { --overlap-percent:42%; }
.image-fade-43 { --fade-start:57%; }
.image-overlap-43 { --overlap-percent:43%; }
.image-fade-44 { --fade-start:56%; }
.image-overlap-44 { --overlap-percent:44%; }
.image-fade-45 { --fade-start:55%; }
.image-overlap-45 { --overlap-percent:45%; }
.image-fade-46 { --fade-start:54%; }
.image-overlap-46 { --overlap-percent:46%; }
.image-fade-47 { --fade-start:53%; }
.image-overlap-47 { --overlap-percent:47%; }
.image-fade-48 { --fade-start:52%; }
.image-overlap-48 { --overlap-percent:48%; }
.image-fade-49 { --fade-start:51%; }
.image-overlap-49 { --overlap-percent:49%; }
.image-fade-50 { --fade-start:50%; }
.image-overlap-50 { --overlap-percent:50%; }
.image-fade-51 { --fade-start:49%; }
.image-overlap-51 { --overlap-percent:51%; }
.image-fade-52 { --fade-start:48%; }
.image-overlap-52 { --overlap-percent:52%; }
.image-fade-53 { --fade-start:47%; }
.image-overlap-53 { --overlap-percent:53%; }
.image-fade-54 { --fade-start:46%; }
.image-overlap-54 { --overlap-percent:54%; }
.image-fade-55 { --fade-start:45%; }
.image-overlap-55 { --overlap-percent:55%; }
.image-fade-56 { --fade-start:44%; }
.image-overlap-56 { --overlap-percent:56%; }
.image-fade-57 { --fade-start:43%; }
.image-overlap-57 { --overlap-percent:57%; }
.image-fade-58 { --fade-start:42%; }
.image-overlap-58 { --overlap-percent:58%; }
.image-fade-59 { --fade-start:41%; }
.image-overlap-59 { --overlap-percent:59%; }
.image-fade-60 { --fade-start:40%; }
.image-overlap-60 { --overlap-percent:60%; }
.image-fade-61 { --fade-start:39%; }
.image-overlap-61 { --overlap-percent:61%; }
.image-fade-62 { --fade-start:38%; }
.image-overlap-62 { --overlap-percent:62%; }
.image-fade-63 { --fade-start:37%; }
.image-overlap-63 { --overlap-percent:63%; }
.image-fade-64 { --fade-start:36%; }
.image-overlap-64 { --overlap-percent:64%; }
.image-fade-65 { --fade-start:35%; }
.image-overlap-65 { --overlap-percent:65%; }
.image-fade-66 { --fade-start:34%; }
.image-overlap-66 { --overlap-percent:66%; }
.image-fade-67 { --fade-start:33%; }
.image-overlap-67 { --overlap-percent:67%; }
.image-fade-68 { --fade-start:32%; }
.image-overlap-68 { --overlap-percent:68%; }
.image-fade-69 { --fade-start:31%; }
.image-overlap-69 { --overlap-percent:69%; }
.image-fade-70 { --fade-start:30%; }
.image-overlap-70 { --overlap-percent:70%; }
.image-fade-71 { --fade-start:29%; }
.image-overlap-71 { --overlap-percent:71%; }
.image-fade-72 { --fade-start:28%; }
.image-overlap-72 { --overlap-percent:72%; }
.image-fade-73 { --fade-start:27%; }
.image-overlap-73 { --overlap-percent:73%; }
.image-fade-74 { --fade-start:26%; }
.image-overlap-74 { --overlap-percent:74%; }
.image-fade-75 { --fade-start:25%; }
.image-overlap-75 { --overlap-percent:75%; }
.image-fade-76 { --fade-start:24%; }
.image-overlap-76 { --overlap-percent:76%; }
.image-fade-77 { --fade-start:23%; }
.image-overlap-77 { --overlap-percent:77%; }
.image-fade-78 { --fade-start:22%; }
.image-overlap-78 { --overlap-percent:78%; }
.image-fade-79 { --fade-start:21%; }
.image-overlap-79 { --overlap-percent:79%; }
.image-fade-80 { --fade-start:20%; }
.image-overlap-80 { --overlap-percent:80%; }
.image-fade-81 { --fade-start:19%; }
.image-overlap-81 { --overlap-percent:81%; }
.image-fade-82 { --fade-start:18%; }
.image-overlap-82 { --overlap-percent:82%; }
.image-fade-83 { --fade-start:17%; }
.image-overlap-83 { --overlap-percent:83%; }
.image-fade-84 { --fade-start:16%; }
.image-overlap-84 { --overlap-percent:84%; }
.image-fade-85 { --fade-start:15%; }
.image-overlap-85 { --overlap-percent:85%; }
.image-fade-86 { --fade-start:14%; }
.image-overlap-86 { --overlap-percent:86%; }
.image-fade-87 { --fade-start:13%; }
.image-overlap-87 { --overlap-percent:87%; }
.image-fade-88 { --fade-start:12%; }
.image-overlap-88 { --overlap-percent:88%; }
.image-fade-89 { --fade-start:11%; }
.image-overlap-89 { --overlap-percent:89%; }
.image-fade-90 { --fade-start:10%; }
.image-overlap-90 { --overlap-percent:90%; }
.image-fade-91 { --fade-start:9%; }
.image-overlap-91 { --overlap-percent:91%; }
.image-fade-92 { --fade-start:8%; }
.image-overlap-92 { --overlap-percent:92%; }
.image-fade-93 { --fade-start:7%; }
.image-overlap-93 { --overlap-percent:93%; }
.image-fade-94 { --fade-start:6%; }
.image-overlap-94 { --overlap-percent:94%; }
.image-fade-95 { --fade-start:5%; }
.image-overlap-95 { --overlap-percent:95%; }
.image-fade-96 { --fade-start:4%; }
.image-overlap-96 { --overlap-percent:96%; }
.image-fade-97 { --fade-start:3%; }
.image-overlap-97 { --overlap-percent:97%; }
.image-fade-98 { --fade-start:2%; }
.image-overlap-98 { --overlap-percent:98%; }
.image-fade-99 { --fade-start:1%; }
.image-overlap-99 { --overlap-percent:99%; }
.image-fade-100 { --fade-start:0%; }
.image-overlap-100 { --overlap-percent:100%; }
@media(max-width:640px) { .image-layout-wrap .poem-image { width:100%; } }