:root{--paper:#f4eddf;--paper-2:#fbf6eb;--paper-3:#fffaf0;--ink:#302d27;--ink-2:#494237;--muted:#817461;--rule:#d5c8b1;--rule-soft:#e4d9c5;--accent:#685139;--accent-hover:#362e24;--accent-soft:#e9deca}
body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238f7754' opacity='.045' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");}
.wrap{max-width:1240px;padding:0 48px}.masthead{padding:32px 0 24px;gap:30px}.wordmark{font-style:italic;font-size:38px;font-weight:500;letter-spacing:-1.8px}.byline{font:10px/1.8 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.nav{font:12px/1.6 Arial,sans-serif;gap:20px}.nav a{white-space:nowrap}.nav-search{border-radius:24px;padding:9px 17px}
.hero{position:relative;display:grid;grid-template-columns:1fr 210px;align-items:center;gap:40px;padding:70px 5% 65px;border-bottom:1px solid var(--rule);margin-bottom:44px}.eyebrow{font:10px/1.8 Arial,sans-serif;text-transform:uppercase;letter-spacing:3px;color:var(--muted)}.hero h2{font:500 clamp(44px,5.6vw,76px)/1.06 var(--display);max-width:700px;letter-spacing:-1.5px;margin:20px 0 22px}.hero p{font-size:16px;line-height:1.9;max-width:490px;color:var(--ink-2)}.hero .btn-row{margin-top:30px}.hero-art{width:200px;height:250px;color:#78654c;opacity:.75}.hero-note{font:italic 20px var(--display);color:var(--muted);margin-top:16px}.btn,.btn-outline{border-radius:3px;padding:12px 23px;font:12px/1.5 Arial,sans-serif}.spread{grid-template-columns:310px minmax(0,1fr);gap:60px}.spread-left{border-right:1px solid var(--rule);padding-right:35px}.h2{font-size:30px;font-weight:500}.toc{font-size:14px}.toc li{padding:7px 0}.feature{padding:36px 55px;background:linear-gradient(105deg,#f9f3e7,#fffaf0);border:1px solid var(--rule);box-shadow:0 12px 36px #6552370c}.feature .poem-body{font-size:18px;line-height:1.85}.feature h2{font-size:36px}.two-cols{gap:60px;padding-top:40px;padding-bottom:35px}.card{background:var(--paper-2);border:1px solid var(--rule);border-radius:2px;padding:30px}.reading{max-width:790px;padding-top:35px}.reading-head{padding:25px 0}.poem-title{font-weight:500;font-size:clamp(36px,5vw,58px)}.poem-body-full{line-height:1.95}.reading-tools{gap:10px;flex-wrap:wrap}.tool{border-radius:3px}.comment-list>li{background:transparent}.colophon{margin-top:60px;font-size:11px}.preview-note{font:11px/1.7 Arial,sans-serif;text-align:center;padding:9px 16px;background:#e9dfcc;color:#665741;border-bottom:1px solid #d5c8b1}.preview-note a{text-decoration:underline}.search-results{max-width:800px;margin:40px auto;min-height:35vh}.search-results li{padding:18px 0;border-bottom:1px solid var(--rule);list-style:none}.search-results h2{font:32px var(--display)}.search-results p{color:var(--muted);font-size:14px}.fav-nav{white-space:nowrap}.empty-state{padding:50px 0;color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a,button{transition:color .2s,background .2s,box-shadow .2s}a:hover{color:var(--accent-hover)}button:hover,.btn:hover{box-shadow:0 3px 10px #68513920}
:root[data-theme=dark]{--paper:#25231f;--paper-2:#2c2923;--paper-3:#332e27;--ink:#e9dfcd;--ink-2:#d2c7b3;--muted:#b3a48c;--rule:#514939;--rule-soft:#40392e;--accent:#d7be96;--accent-hover:#f3dfbd;--accent-soft:#40392d}.feature:where(:root[data-theme=dark] *){background:var(--paper-2)}:root[data-theme=dark] .preview-note{background:#332e27;color:#d2c7b3}
@media(min-width:1000px){.masthead{align-items:center}.brand{min-width:240px}}@media(max-width:1000px){.wrap{padding:0 25px}.nav{gap:14px}.hero{padding:45px 0}.spread{gap:30px;grid-template-columns:260px 1fr}.spread-left{padding-right:25px}.feature{padding:28px}.hero-art{width:160px}}@media(max-width:720px){.wrap{padding:0 20px}.masthead{padding:24px 0 18px}.wordmark{font-size:33px}.hero{grid-template-columns:1fr;gap:0;padding:35px 0}.hero h2{font-size:47px}.hero-art{position:absolute;right:0;top:20px;width:85px;height:105px;opacity:.18}.hero p{font-size:15px}.hero-note{display:none}.spread{display:flex;flex-direction:column-reverse;gap:35px}.spread-left{border-right:0;padding:0}.feature{padding:26px 20px}.feature .poem-body{font-size:16px}.two-cols{gap:32px}.reading{padding-top:15px}.poem-body-full{font-size:var(--poem-size);overflow-wrap:anywhere}.preview-note{font-size:10px}.hero .btn-row{gap:10px}.nav a{padding:9px 0}.toc{columns:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.spread-right{padding-left:0}.poem-feature{padding:40px 32px;background:var(--paper-2);border:1px solid var(--rule);box-shadow:0 12px 36px #6552370c;align-self:start}.poem-feature .poem-title{font-size:36px}.poem-feature .poem-body{font-size:18px;line-height:1.9}.nav{max-width:100%}.hero>div{min-width:0}@media(max-width:900px){.spread{display:flex;flex-direction:column-reverse}.spread-left{border-right:0;padding-right:0}.poem-feature{width:100%}}
/* Ukrainian literary landscape — light, responsive, accessible */
.hero{overflow:hidden;isolation:isolate;min-height:420px;background:linear-gradient(180deg,#e9f4f7 0%,#f7f4e9 70%,#f6edd9 100%);border-radius:18px;padding:64px 6% 100px}
.hero>div{position:relative;z-index:2}.hero h2{color:#243f56}.hero .eyebrow{color:#536e84}.hero p{color:#344f60}
.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;z-index:0;background:rgba(255,255,255,.75);filter:blur(8px);border-radius:50%;width:190px;height:43px;top:45px;left:12%;box-shadow:55px -16px 0 5px rgba(255,255,255,.6),-40px 8px 0 -9px rgba(255,255,255,.7);animation:dusha-cloud 48s linear infinite alternate}
.hero:after{top:125px;left:65%;transform:scale(.65);opacity:.65;animation-duration:64s;animation-direction:alternate-reverse}
.hero-art{color:#b48a4d;transform-origin:bottom center;animation:dusha-sway 7s ease-in-out infinite alternate}
.hero:has(.hero-art):before{will-change:transform}
.hero:focus-within{scroll-margin-top:20px}
.hero .btn{background:#315d80;color:#fff;border-color:#315d80}.hero .btn:hover{background:#21435f}
@keyframes dusha-cloud{from{translate:-30px 0}to{translate:90px 0}}
@keyframes dusha-sway{from{rotate:-2deg}to{rotate:2deg}}
@media(max-width:720px){.hero{min-height:400px;padding:52px 20px 85px;border-radius:12px}.hero h2{font-size:clamp(38px,11vw,50px)}.hero-art{width:100px;height:125px;top:auto;bottom:5px;right:5px;opacity:.25}.hero:before{left:3%;top:25px}.hero:after{left:45%;top:105px}.hero .btn-row{position:relative;z-index:3}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.hero-art{animation:none!important}}

/* National Ukrainian accents: wheat, cornflowers and embroidered edging */
.hero{border:1px solid #d9c9a6;border-bottom:5px solid transparent;border-image:none;background-image:linear-gradient(180deg,#e9f4f7,#f7f4e9 72%,#f6edd9)}
.hero .eyebrow{letter-spacing:.14em}
.hero .btn-outline{border-color:#7797b3;color:#244f73}
.hero::marker{display:none}
.hero .hero-note{color:#5e7890}
.hero{--field-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20130%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23b68e43%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M40%20125Q65%2070%2052%2014M115%20125Q120%2076%20128%2021M790%20125Q775%2065%20795%2018M858%20125Q843%2070%20855%209%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23d9b66c%22%20opacity%3D%22.9%22%3E%3Cellipse%20cx%3D%2241%22%20cy%3D%2222%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%2041%2022)%22%2F%3E%3Cellipse%20cx%3D%2263%22%20cy%3D%2236%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(45%2063%2036)%22%2F%3E%3Cellipse%20cx%3D%2241%22%20cy%3D%2250%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%2041%2050)%22%2F%3E%3Cellipse%20cx%3D%2263%22%20cy%3D%2264%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(45%2063%2064)%22%2F%3E%3Cellipse%20cx%3D%2241%22%20cy%3D%2278%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%2041%2078)%22%2F%3E%3Cellipse%20cx%3D%22117%22%20cy%3D%2222%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%20117%2022)%22%2F%3E%3Cellipse%20cx%3D%22139%22%20cy%3D%2236%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(45%20139%2036)%22%2F%3E%3Cellipse%20cx%3D%22117%22%20cy%3D%2250%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%20117%2050)%22%2F%3E%3Cellipse%20cx%3D%22139%22%20cy%3D%2264%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(45%20139%2064)%22%2F%3E%3Cellipse%20cx%3D%22117%22%20cy%3D%2278%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%20117%2078)%22%2F%3E%3Cellipse%20cx%3D%22784%22%20cy%3D%2222%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%20784%2022)%22%2F%3E%3Cellipse%20cx%3D%22806%22%20cy%3D%2236%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(45%20806%2036)%22%2F%3E%3Cellipse%20cx%3D%22784%22%20cy%3D%2250%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%20784%2050)%22%2F%3E%3Cellipse%20cx%3D%22806%22%20cy%3D%2264%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(45%20806%2064)%22%2F%3E%3Cellipse%20cx%3D%22784%22%20cy%3D%2278%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%20784%2078)%22%2F%3E%3Cellipse%20cx%3D%22844%22%20cy%3D%2222%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%20844%2022)%22%2F%3E%3Cellipse%20cx%3D%22866%22%20cy%3D%2236%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(45%20866%2036)%22%2F%3E%3Cellipse%20cx%3D%22844%22%20cy%3D%2250%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%20844%2050)%22%2F%3E%3Cellipse%20cx%3D%22866%22%20cy%3D%2264%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(45%20866%2064)%22%2F%3E%3Cellipse%20cx%3D%22844%22%20cy%3D%2278%22%20rx%3D%226%22%20ry%3D%2214%22%20transform%3D%22rotate(-45%20844%2078)%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23557fba%22%3E%3Ccircle%20cx%3D%22215%22%20cy%3D%2290%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22237%22%20cy%3D%2290%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22226%22%20cy%3D%2279%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22226%22%20cy%3D%22101%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22675%22%20cy%3D%2288%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22697%22%20cy%3D%2288%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22686%22%20cy%3D%2277%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22686%22%20cy%3D%2299%22%20r%3D%2212%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23e8bd5c%22%3E%3Ccircle%20cx%3D%22226%22%20cy%3D%2290%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22686%22%20cy%3D%2288%22%20r%3D%226%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%236d8d63%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M226%20126V104M686%20126V104M250%20126q20-35%2027-42M650%20126q-18-30-28-44%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.hero{background-image:var(--field-art),linear-gradient(180deg,#e9f4f7,#f7f4e9 72%,#f6edd9);background-repeat:no-repeat;background-position:center bottom,center;background-size:100% 110px,cover}
.hero .btn-row{margin-bottom:20px}
.masthead{border-bottom:2px solid #d6bc87}
.wordmark{color:#315d80}
@media(max-width:720px){.hero{background-size:900px 90px,cover;background-position:center bottom,center}.hero .btn-row{padding-bottom:24px}}
@media(prefers-reduced-motion:no-preference){.hero{animation:dusha-field 10s ease-in-out infinite alternate}@keyframes dusha-field{from{background-position:calc(50% - 7px) bottom,center}to{background-position:calc(50% + 7px) bottom,center}}}