:root{--paper:#ffffff;--ink:#252922;--muted:#72746f;--border:#dfddd4;--accent:#a14e37;--card:#fffcf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body.he{font-family:'Assistant',sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{max-width:1190px;padding:0 44px;margin:auto}.topbar{border-bottom:1px solid var(--border);position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:10}.topin{min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:15px;cursor:pointer;white-space:nowrap}.brandmark{height:36px;width:36px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:serif;font-size:20px}.brandname{font:400 26px 'Libre Baskerville',serif;letter-spacing:-1px}.brand .sep{color:#c1b9ad}.brandhe{font:500 23px 'Frank Ruhl Libre',serif}.navright{display:flex;align-items:center;gap:38px}.navlinks{display:flex;gap:28px;align-items:center}.navlinks button{background:none;border:0;padding:10px 0;font-size:13px;color:#555951}.navlinks button:hover,.navlinks button.active{color:var(--accent)}.languages{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:30px;padding:4px;background:#fffdf9}.languages button{font-size:12px;padding:8px 12px;background:none;border:0;border-radius:20px;color:var(--muted)}.languages button.active{background:#303a31;color:white}.hero{display:grid;grid-template-columns:1fr 0.89fr;gap:78px;align-items:center;padding:82px 0 88px}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);font-weight:700}.he .eyebrow{letter-spacing:0;font-size:13px}.hero h1{font:400 clamp(44px,5.2vw,76px)/1.14 'Libre Baskerville',serif;letter-spacing:-2.4px;margin:26px 0 25px}.he .hero h1{font-family:'Frank Ruhl Libre',serif;letter-spacing:0;font-size:clamp(50px,5.4vw,78px)}.hero-copy{font-size:16px;line-height:1.9;color:#575e54;max-width:490px}.he .hero-copy{font-size:20px;line-height:1.8}.button-row{display:flex;gap:22px;align-items:center;margin-top:34px}.primary{background:var(--ink);border:1px solid var(--ink);color:white;border-radius:3px;padding:15px 23px;font-size:13px}.primary:hover{background:var(--accent);border-color:var(--accent)}.textbtn{border:0;background:none;color:var(--ink);border-bottom:1px solid #777e75;padding:10px 0;font-size:13px}.hero-art{position:relative}.hero-art img{width:100%;height:448px;object-fit:cover;filter:saturate(.82)}.hero-art:after{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid #c7b9a7;z-index:-1}.imagecredit{display:block;font-size:10px;color:#888;margin-top:12px}.section{padding:54px 0 83px;border-top:1px solid var(--border)}.sectiontitle{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:30px}.sectiontitle h2,.pageheading{font:400 33px/1.3 'Libre Baskerville',serif;letter-spacing:-1px;margin:10px 0}.he .sectiontitle h2,.he .pageheading{font:500 39px/1.3 'Frank Ruhl Libre',serif;letter-spacing:0}.subtle{font-size:13px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.poem-card{background:var(--card);border:1px solid var(--border);cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s}.poem-card:hover{transform:translateY(-4px);border-color:#aaa395}.poem-card img{height:210px;object-fit:cover;width:100%;filter:saturate(.8)}.cardbody{padding:22px 22px 24px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.cardtitle{font:400 20px/1.45 'Libre Baskerville',serif}.he .cardtitle{font:500 24px/1.4 'Frank Ruhl Libre',serif}.cardfoot{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-size:11px;margin-top:24px}.artist-band{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#edece4;padding:54px 60px;margin:10px 0 85px}.artist-band h2{font:400 31px/1.4 'Libre Baskerville',serif;margin:14px 0}.he .artist-band h2{font:500 35px 'Frank Ruhl Libre',serif}.artist-band p{color:#5a5e58;line-height:1.9;font-size:14px}.he .artist-band p{font-size:18px}.band-art{width:100%;height:240px;object-fit:cover}.pageintro{padding:70px 0 40px}.collection{padding-bottom:105px}.collection .cards{row-gap:28px}.reader{max-width:950px;margin:0 auto;padding:50px 36px 100px}.back{display:inline-flex;gap:8px;align-items:center;background:none;border:0;color:var(--accent);font-size:13px;padding:12px 0}.reader h1{font:400 clamp(35px,4.5vw,55px)/1.25 'Libre Baskerville',serif;margin:37px 0 16px}.he .reader h1{font:500 clamp(41px,4.7vw,62px)/1.35 'Frank Ruhl Libre',serif}.byline{font-size:13px;color:var(--muted);margin-bottom:45px}.poem-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:48px;align-items:start}.poemtext{white-space:pre-wrap;overflow-wrap:break-word;font:400 16px/2.05 'Libre Baskerville',serif;margin:0}.he .poemtext{font:400 22px/2 'Frank Ruhl Libre',serif}.poemillustration img{width:100%;max-height:380px;object-fit:contain;object-position:top}.info-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:68px;align-items:start;padding:50px 0 110px}.info-layout p{font-size:16px;line-height:2;margin:0 0 20px;color:#4e534d}.he .info-layout p{font-size:19px}.info-layout img{width:100%;object-fit:cover;max-height:400px}.footer{border-top:1px solid var(--border);padding:28px 0 48px}.footerin{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#777;font-size:12px}.notice{background:#e8e7dc;border-top:1px solid #d9d8cd;padding:11px 30px;text-align:center;color:#606157;font-size:11px}.he .navlinks button{font-size:16px}.he .navright{flex-direction:row-reverse}.he .sectiontitle{flex-direction:row-reverse}.he .cardfoot{flex-direction:row-reverse}.he .hero,.he .artist-band,.he .info-layout{direction:rtl}.he .hero-copy,.he .hero h1,.he .eyebrow,.he .button-row,.he .artist-band h2,.he .artist-band p{text-align:right}.he .reader{text-align:right}.he .poem-layout{direction:rtl}.he .cards{direction:rtl}.he .pageintro{text-align:right}.he .footerin{flex-direction:row-reverse}.he .brand{direction:ltr}@media(max-width:850px){.shell{padding:0 26px}.topin{min-height:78px}.navright{gap:15px}.navlinks{gap:12px}.hero{gap:36px}.hero-art img{height:320px}.cards{gap:15px}.artist-band{padding:35px;gap:25px}.poem-layout{grid-template-columns:1fr 230px;gap:25px}}@media(max-width:640px){.shell{padding:0 20px}.topin{flex-wrap:wrap;padding-top:15px;padding-bottom:12px;gap:8px}.brandname{font-size:21px}.brandhe{font-size:19px}.brandmark{width:29px;height:29px;font-size:16px}.navright{width:100%;justify-content:space-between}.navlinks{gap:22px}.navlinks button{font-size:12px}.languages button{padding:6px 9px}.hero{grid-template-columns:1fr;gap:39px;padding:45px 0 58px}.hero h1{font-size:45px;margin:16px 0}.he .hero h1{font-size:48px}.hero-art{margin-right:10px}.hero-art img{height:265px}.hero-art:after{inset:10px -10px -10px 10px}.section{padding:43px 0}.cards{grid-template-columns:1fr 1fr;gap:13px}.poem-card img{height:138px}.cardbody{padding:15px;min-height:117px}.cardtitle{font-size:15px}.he .cardtitle{font-size:19px}.cardfoot{margin-top:13px}.artist-band{grid-template-columns:1fr;gap:20px;padding:28px 23px;margin-bottom:50px}.band-art{height:185px}.pageintro{padding:43px 0 20px}.pageheading{font-size:29px}.reader{padding:28px 22px 75px}.reader h1{margin-top:25px}.poem-layout{display:flex;flex-direction:column}.poemillustration{order:-1;width:100%;max-height:230px;overflow:hidden}.poemillustration img{max-height:210px;object-fit:cover}.poemtext{font-size:14px;line-height:2}.he .poemtext{font-size:19px;line-height:1.9}.info-layout{grid-template-columns:1fr;gap:23px;padding:23px 0 70px}.info-layout img{max-height:240px}.footerin{flex-wrap:wrap}.he .navright{flex-direction:row-reverse}}

/* Revision 2: poem collections are the landing pages */
:root{--accent:#bc5c40}
.brandmark,.brand .sep,.brandhe{display:none}
.brandname{font-family:'Libre Baskerville',serif;font-weight:700;font-size:clamp(29px,3vw,38px);letter-spacing:-1px;background:linear-gradient(105deg,#e2a33e 0%,#d46e56 34%,#b94f81 68%,#547b97 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.brand{flex-shrink:0}
.topin{direction:ltr}
.he .topin{direction:ltr}
.he .brand{order:1}
.he .navright{order:2;margin-left:auto;margin-right:0}
.he .navright{flex-direction:row;direction:rtl;margin-right:0}
.he .navlinks{direction:rtl}
.languages{border:0;border-radius:0;background:transparent;padding:0;gap:4px}
.languages button{font-size:13px;padding:8px 6px;background:transparent!important;color:var(--muted)!important;font-weight:400}
.languages button.active{color:var(--accent)!important;text-decoration:underline;text-underline-offset:5px;font-weight:700}
.navlinks button{font-size:15px}
.he .navlinks button{font-size:18px}
.he .brandname{font-size:clamp(29px,3vw,38px)}
.he .cardtitle{font-size:24px}
.poem-card .cardfoot,.pageintro .eyebrow{display:none}
.cardbody{min-height:0;padding:20px 22px 22px}
.cardtitle{font-size:23px}
.poem-card img{height:220px}
.pageintro{padding:58px 0 32px}
.pageheading,.he .pageheading{font-size:clamp(38px,4vw,49px);margin:0 0 16px}
.he .subtle{font-size:18px;line-height:1.75}
.collection{padding-bottom:80px}
.collection .cards{row-gap:25px}
[hidden]{display:none!important}
.image-fallback{height:220px;display:grid;place-content:center;text-align:center;padding:20px;background:linear-gradient(135deg,#eadcca,#d7dfd5);color:#6a6a61;gap:6px}
.image-fallback span{font-size:14px}
.image-fallback small{font-size:11px;max-width:200px}
.poemillustration .image-fallback,.info-layout .image-fallback{min-height:290px;height:auto}
.poemtext{font-size:18px;line-height:1.95}
.he .poemtext{font-size:23px;line-height:1.95}
.he .reader h1,.reader h1{margin-top:18px}
.info-layout{padding-top:16px}
.contact-form{max-width:500px;display:grid;gap:18px;margin-top:24px}
.contact-form label{display:grid;gap:8px;color:var(--ink);font-size:15px;font-weight:500}
.he .contact-form label{font-size:18px}
.contact-form input,.contact-form textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fffefa;border:1px solid #bbb6aa;border-radius:2px;padding:13px 15px}
.contact-form textarea{min-height:160px;resize:vertical}
.contact-form button{justify-self:start}
.form-note{font-size:12px!important;line-height:1.5!important;color:var(--muted)!important}
@media(max-width:640px){.topin{align-items:flex-start}.brandname,.he .brandname{font-size:30px}.he .navright{margin-right:0;margin-left:auto}.navlinks{gap:15px}.navlinks button{font-size:14px}.he .navlinks button{font-size:17px}.pageintro{padding:38px 0 22px}.poem-card img{height:155px}.cardtitle{font-size:18px}.he .cardtitle{font-size:21px}.cardbody{padding:15px}.he .poemtext{font-size:21px}.poemtext{font-size:16px}.image-fallback{height:155px}.languages button{font-size:12px}}

/* Revision 3: balanced bilingual typography and two-line header */
:root{--accent:#a34b3d}
.topbar{position:relative;background:var(--paper);backdrop-filter:none}
.topin,.he .topin{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:0;padding-top:22px;padding-bottom:0;direction:ltr}
.brand,.he .brand{order:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:0 0 20px;direction:ltr}
.brandname,.he .brandname{font-family:'DM Sans','Assistant',sans-serif;font-size:clamp(35px,4vw,46px);font-weight:700;line-height:1.2;letter-spacing:-.035em;color:var(--accent);background:none;-webkit-text-fill-color:var(--accent);white-space:nowrap}
.he .brandname{font-family:'Assistant',sans-serif;letter-spacing:0;font-weight:700}
.navright,.he .navright{order:1;display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin:0;min-height:53px;border-top:1px solid var(--border);direction:ltr}
.he .navright{direction:rtl}
.navlinks,.he .navlinks{display:flex;align-items:center;gap:28px;direction:ltr}
.he .navlinks{direction:rtl}
.navlinks button,.he .navlinks button{font-size:16px;font-weight:500;padding:12px 0}
.he .navlinks button{font-size:19px}
.languages{display:flex;flex-direction:row;gap:8px;direction:ltr}
.languages button{font-size:13px}
/* Hebrew type: modern sans serif, matching the English visual scale */
.he .pageheading,.he .sectiontitle h2,.he .reader h1,.he .cardtitle,.he .artist-band h2,.he .hero h1,.he .poemtext{font-family:'Assistant',sans-serif;letter-spacing:0}
.he .pageheading,.he .reader h1{font-weight:600}
.he .cardtitle{font-size:25px;font-weight:600;line-height:1.4}
.he .poemtext{font-size:23px;font-weight:400;line-height:1.95}
.he .subtle{font-size:19px}
.he .info-layout p{font-size:20px}
@media(max-width:640px){
 .topin,.he .topin{padding-top:17px}
 .brand,.he .brand{padding-bottom:15px}
 .brandname,.he .brandname{font-size:35px}
 .navright,.he .navright{min-height:50px;gap:6px}
 .navlinks,.he .navlinks{gap:16px}
 .navlinks button{font-size:13px}
 .he .navlinks button{font-size:16px}
 .languages{gap:3px}
 .languages button{font-size:12px;padding:7px 4px}
 .he .cardtitle{font-size:21px}
 .he .poemtext{font-size:21px}
}
/* Revision 4: prevent long English poem titles from escaping their cards */
.poem-card { min-width:0; }
.cardbody { min-width:0; width:100%; }
.cardtitle { max-width:100%; min-width:0; overflow-wrap:anywhere; word-break:normal; hyphens:auto; line-height:1.35; }
.cardtitle.long-title { font-size:clamp(16px,1.6vw,19px); letter-spacing:-.025em; }
.he .cardtitle.long-title { font-size:clamp(20px,2vw,24px); letter-spacing:0; }
@media(max-width:640px) { .cardtitle.long-title { font-size:15px; } .he .cardtitle.long-title {font-size:19px;} }

/* Revision 6: refine the poems grid so it feels less like product cards */
.pageintro{padding:38px 0 24px}
.pageheading{margin:0 0 8px}
.subtle{max-width:760px}
.collection{padding-bottom:92px}
.collection .cards{column-gap:28px;row-gap:34px}
.poem-card{background:transparent;border:0;box-shadow:none;overflow:visible;transform:none}
.poem-card:hover{transform:translateY(-2px);border-color:transparent}
.poem-card img{height:220px;width:100%;object-fit:cover;filter:none;border:1px solid var(--border)}
.cardbody{padding:12px 2px 0;min-height:auto;width:100%}
.cardtitle{font:400 22px/1.32 'Libre Baskerville',serif;letter-spacing:-.012em;color:#2c3029;max-width:100%}
.he .cardtitle{font:600 24px/1.35 'Assistant',sans-serif}
.cardtitle.long-title{font-size:clamp(17px,1.8vw,21px);letter-spacing:-.02em}
.he .cardtitle.long-title{font-size:clamp(20px,2.2vw,23px)}
@media(max-width:640px){
 .collection .cards{grid-template-columns:1fr 1fr;column-gap:14px;row-gap:22px}
 .poem-card img{height:145px}
 .cardbody{padding-top:9px}
 .cardtitle{font-size:17px;line-height:1.28}
 .he .cardtitle{font-size:20px}
 .cardtitle.long-title{font-size:16px}
 .he .cardtitle.long-title{font-size:19px}
}


/* Version 11: larger artwork-led layout */
.collection .cards{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:46px}
.poem-card img{height:320px;object-fit:cover;object-position:center}
.image-fallback{height:320px}
.cardbody{padding-top:15px}
.cardtitle{font-size:23px}
.cardtitle.long-title{font-size:21px}
.he .cardtitle{font-size:26px}
.he .cardtitle.long-title{font-size:25px}
.reader{max-width:1160px}
.poem-layout{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:52px}
.poemillustration img{max-height:620px;object-fit:contain}
.info-layout{grid-template-columns:1fr 1fr;gap:48px}
.info-layout img{max-height:620px;object-fit:contain}
@media(max-width:850px){
 .collection .cards{column-gap:20px;row-gap:34px}
 .poem-card img,.image-fallback{height:245px}
 .poem-layout{grid-template-columns:minmax(0,1fr) minmax(0,330px);gap:28px}
}
@media(max-width:640px){
 .collection .cards{grid-template-columns:1fr;row-gap:30px}
 .poem-card img,.image-fallback{height:auto;min-height:0;aspect-ratio:3/2;object-fit:cover}
 .cardtitle,.cardtitle.long-title{font-size:21px}
 .he .cardtitle,.he .cardtitle.long-title{font-size:24px}
 .poemillustration{max-height:none;overflow:visible}
 .poemillustration img{max-height:400px;object-fit:contain}
 .info-layout img{max-height:450px;object-fit:contain}
}

/* Version 20: original Poetic magenta, sampled from supplied logo */
:root{--accent:#bc50c7}
.brandname,.he .brandname{color:var(--accent);-webkit-text-fill-color:var(--accent)}
.navlinks button.active,.navlinks button:hover,.he .navlinks button.active,.he .navlinks button:hover{color:var(--accent)!important}
.languages button.active{background:var(--accent);color:#fff}
.languages button:not(.active):hover{color:var(--accent)}

/* Version 21: unified typographic identity across brand, headings, and poem cards */
.brandname,.he .brandname{font-family:'DM Sans','Assistant',sans-serif;font-weight:600;letter-spacing:-.025em}
.he .brandname{font-family:'Assistant',sans-serif;letter-spacing:0}
.pageheading,.sectiontitle h2,.reader h1,.artist-band h2,.hero h1{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.035em}
.he .pageheading,.he .sectiontitle h2,.he .reader h1,.he .artist-band h2,.he .hero h1{font-family:'Assistant',sans-serif;font-weight:600;letter-spacing:0}
.cardtitle,.cardtitle.long-title{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.018em}
.he .cardtitle,.he .cardtitle.long-title{font-family:'Assistant',sans-serif;font-weight:600;letter-spacing:0}

/* Version 22: match the original poem hierarchy: active section, then poem title */
.poem-heading{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0 0 36px}
.poem-section-link{appearance:none;border:0;border-bottom:2px solid #c9c7c1;background:none;padding:0 0 11px;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:clamp(30px,3.2vw,41px);font-weight:700;line-height:1.3;text-align:start;cursor:pointer}
.reader .poem-name{font-family:'DM Sans',sans-serif;color:var(--accent);font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.4;margin:16px 0 0;letter-spacing:0;overflow-wrap:anywhere}
.he .poem-heading{align-items:flex-start}
.he .poem-section-link,.he .reader .poem-name{font-family:'Assistant',sans-serif;letter-spacing:0;text-align:right}
.he .poem-section-link{font-size:clamp(35px,3.8vw,47px);font-weight:700}
.he .reader .poem-name{font-size:clamp(31px,3.6vw,43px);font-weight:500}
@media(max-width:640px){.poem-heading{margin-bottom:25px}.poem-section-link{font-size:31px}.reader .poem-name{font-size:27px}.he .poem-section-link{font-size:37px}.he .reader .poem-name{font-size:32px}}

/* Version 23: poem title clearly larger than its section label */
.poem-section-link{font-size:clamp(20px,2.1vw,26px);font-weight:600;line-height:1.3}
.reader .poem-name{font-size:clamp(38px,4vw,55px);font-weight:600;line-height:1.22;margin-top:20px}
.he .poem-section-link{font-size:clamp(24px,2.4vw,30px);font-weight:600}
.he .reader .poem-name{font-size:clamp(42px,4.4vw,60px);font-weight:600}
@media(max-width:640px){.poem-section-link{font-size:21px}.reader .poem-name{font-size:38px}.he .poem-section-link{font-size:25px}.he .reader .poem-name{font-size:42px}}

/* Version 24: unobtrusive author credit beneath the poem title */
.poem-author{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:9px}
.he .poem-author{font-family:'Assistant',sans-serif;font-size:16px;text-align:right}
@media(max-width:640px){.poem-author{font-size:13px}.he .poem-author{font-size:15px}}

/* Version 27: quieter section label and more legible poem text */
.poem-section-link{font-size:clamp(16px,1.4vw,19px);font-weight:600;padding-bottom:8px;border-bottom-width:2px}
.he .poem-section-link{font-size:clamp(18px,1.7vw,22px);font-weight:600}
.poemtext{font-family:'DM Sans',Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.85;letter-spacing:0;color:#30342f}
.he .poemtext{font-family:'Assistant',Arial,sans-serif;font-size:23px;font-weight:400;line-height:1.8;letter-spacing:0;color:#30342f}
@media(max-width:640px){.poem-section-link{font-size:16px}.he .poem-section-link{font-size:19px}.poemtext{font-size:17px;line-height:1.8}.he .poemtext{font-size:21px;line-height:1.8}}

/* Poem lines gently appear as they enter the reading area. */
.poem-line{display:block;min-height:1em;white-space:pre-wrap}
.poemtext.is-animated .poem-line{opacity:0;transform:translateY(5px);transition:opacity .62s ease,transform .62s ease}
.poemtext.is-animated .poem-line.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.poemtext.is-animated .poem-line{opacity:1;transform:none;transition:none}}

/* Version 29: respect authored verse lines without squeezing them into a narrow column. */
.poem-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:38px;align-items:start}
.poemtext{min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal}
.poem-line{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:normal;word-break:normal;text-wrap:pretty}
/* A stacked reading layout is more legible than two cramped columns on tablets. */
@media(max-width:1050px){
 .poem-layout,.he .poem-layout{display:flex;flex-direction:column;gap:28px}
 .poemtext{width:100%;max-width:760px;order:0}
 .poemillustration{width:100%;max-width:760px;order:1;max-height:none;overflow:visible}
 .poemillustration img{width:100%;max-height:530px;object-fit:contain;object-position:left top}
 .he .poemillustration img{object-position:right top}
}
@media(max-width:640px){
 .poemtext{font-size:17px;line-height:1.75}
 .he .poemtext{font-size:21px;line-height:1.8}
 .poem-line{overflow-wrap:break-word}
}

/* Version 30: tighter hierarchy and properly staggered verse reveal */
.reader{padding-top:30px}
.poem-heading{margin-bottom:24px}
.poem-section-link{padding-bottom:6px}
.reader .poem-name{margin-top:13px;line-height:1.17}
.poem-author{margin-top:6px}
.poemtext{line-height:1.72}
.he .poemtext{line-height:1.75}
.poemtext.is-animated .poem-line{opacity:0;transform:translateY(7px);transition:opacity .55s ease,transform .55s ease}
.poemtext.is-animated .poem-line.is-visible{opacity:1;transform:none}
@media(max-width:640px){
 .reader{padding-top:24px}
 .poem-heading{margin-bottom:20px}
 .reader .poem-name{margin-top:11px;line-height:1.18}
 .poem-author{margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.poemtext.is-animated .poem-line{opacity:1;transform:none;transition:none}}

/* Version 31: collection-style navigation beneath every poem */
.more-poems{border-top:1px solid var(--border);padding-top:42px;padding-bottom:85px}
.more-poems-heading{font:600 clamp(25px,3vw,34px)/1.25 'DM Sans',sans-serif;margin:0 0 28px}
.he .more-poems-heading{font-family:'Assistant',sans-serif;text-align:right}
.more-poems .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 36px}
.more-poems .poem-card img{height:300px;object-fit:cover}
@media(max-width:850px){.more-poems .poem-card img{height:235px}}
@media(max-width:640px){.more-poems{padding-top:34px;padding-bottom:55px}.more-poems .cards{grid-template-columns:1fr;row-gap:30px}.more-poems .poem-card img{height:auto;aspect-ratio:3/2}}

/* Version 33: match English poem text's perceived size to the Hebrew reading text. */
body:not(.he) .poemtext{font-size:22px;line-height:1.75}
@media(max-width:640px){body:not(.he) .poemtext{font-size:20px;line-height:1.75}}

/* Version 34: distinguish the section label from magenta poem titles. */
.poem-section-link, .he .poem-section-link { color:#397487; border-bottom-color:#9ab6bf; }
.poem-section-link:hover, .poem-section-link:focus-visible { color:#245363; }

/* Version 35: optical alignment of English poem titles with the section label */
body:not(.he) .reader .poem-name{position:relative;left:-5px}

/* Version 38: clear typographic hierarchy between the site identity and poem titles */
.brandname,.he .brandname{
  font-size:clamp(43px,4.5vw,52px);
  font-weight:700;
  line-height:1.15;
}
.reader .poem-name{
  font-size:clamp(30px,3.1vw,40px);
  font-weight:600;
  line-height:1.24;
}
.he .reader .poem-name{
  font-size:clamp(34px,3.4vw,43px);
  font-weight:600;
}
@media(max-width:640px){
  .brandname,.he .brandname{font-size:42px}
  .reader .poem-name{font-size:30px}
  .he .reader .poem-name{font-size:34px}
}

/* Version 39: align artwork with the top of the section heading */
@media (min-width: 761px) {
  .reader, .he .reader {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
    column-gap: 38px;
    align-items: start;
  }
  .reader .poem-layout, .he .reader .poem-layout { display: contents; }
  .reader .poem-heading, .he .reader .poem-heading {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 20px;
  }
  .reader .poemtext, .he .reader .poemtext {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
  }
  .reader .poemillustration, .he .reader .poemillustration {
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 100%;
    margin: 0;
    align-self: start;
  }
  .reader .poemillustration img { width: 100%; }
  .he .reader { direction: rtl; }
}


/* Version 40: match English title weight to the lighter-looking Hebrew title,
   and make About prose match the poem reading scale. */
body:not(.he) .reader .poem-name { font-weight: 500; }
.info-layout p { font-family: 'DM Sans', Arial, sans-serif; font-size: 22px; font-weight: 400; line-height: 1.75; color: #30342f; }
.he .info-layout p { font-family: 'Assistant', Arial, sans-serif; font-size: 23px; font-weight: 400; line-height: 1.75; color: #30342f; }
@media (max-width: 640px) {
  .info-layout p { font-size: 20px; line-height: 1.75; }
  .he .info-layout p { font-size: 21px; line-height: 1.8; }
}

/* Version 43: lighter English wordmark to complement the Hebrew logo */
body:not(.he) .brandname{font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:-.03em}

/* Version 45: equal visual scale for the collection descriptions */
body:not(.he) .pageintro .subtle{font-size:19px;line-height:1.75}
@media(max-width:640px){body:not(.he) .pageintro .subtle{font-size:18px}}
/* Footer: language-specific copyright alignment */
.footerin{justify-content:flex-start;direction:ltr;text-align:left}
.he .footerin{justify-content:flex-start;direction:rtl;text-align:right}
#footer-copyright{display:block;width:100%}

/* Version 48: keep poem-page artwork at its original aspect ratio. */
.reader .poemillustration img { height:auto !important; aspect-ratio:auto !important; max-height:none !important; object-fit:contain !important; width:100%; }
.reader .poemillustration { height:auto !important; max-height:none !important; overflow:visible !important; }

/* Version 49: consistent header dividers and clearer poem title spacing. */
.topbar { border-bottom:0 !important; }
.navright, .he .navright { border-bottom:1px solid var(--border); }
.reader .poem-heading .poem-name,
.he .reader .poem-heading .poem-name { margin-top:27px; }
@media(max-width:640px) {
  .reader .poem-heading .poem-name,
  .he .reader .poem-heading .poem-name { margin-top:22px; }
}

/* Books: genuine front-cover images and external bibliographic links */
.books-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:10px 0 90px;direction:ltr}
.book-card{min-width:0;display:flex;flex-direction:column;gap:14px}
.book-image-link{display:block;max-width:100%;width:100%;background:#f7f7f7;min-height:330px;display:flex;align-items:center;justify-content:center;padding:12px}
.book-image-link img{width:auto;max-width:100%;height:auto;max-height:410px;object-fit:contain}
.book-card-info h2{font:500 23px/1.4 'DM Sans',sans-serif;margin:0 0 8px;color:var(--ink)}
.book-original{color:#646464;font-family:'Assistant',sans-serif;font-size:20px;margin:0 0 8px;text-align:left}
.book-meta{font-size:15px;color:var(--muted);margin:0 0 15px;line-height:1.6}
.book-actions{display:flex;flex-wrap:wrap;gap:12px 20px}
.book-actions a{font-size:15px;font-weight:600;color:#397487;text-decoration:underline;text-underline-offset:4px}
.he .books-grid{direction:rtl}
.he .book-card-info{text-align:right}
.he .book-card-info h2{font:600 27px/1.3 'Assistant',sans-serif}
.he .book-meta{font:400 18px/1.6 'Assistant',sans-serif}
.he .book-actions a{font:600 18px/1.5 'Assistant',sans-serif}
@media(max-width:850px){.books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-image-link{min-height:260px}}
@media(max-width:600px){.books-grid{grid-template-columns:1fr;gap:42px;padding-bottom:65px}.book-image-link{min-height:0}.book-image-link img{max-height:440px}}

/* Books v51: equal-size cover display, native proportions preserved */
.books-grid{align-items:start;gap:30px}
.book-image-link{height:352px;min-height:0;padding:18px;background:#f7f7f7;display:flex;align-items:center;justify-content:center}
.book-image-link .image-frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;overflow:hidden}
.book-image-link .image-frame img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block;margin:auto}
.book-card-info{padding-top:2px}
.book-meta{margin-bottom:10px}
.book-language{font:500 14px/1.5 'DM Sans',sans-serif;color:#56626a;margin:0 0 12px}
.he .book-language{font:500 17px/1.5 'Assistant',sans-serif}
@media(max-width:600px){.book-image-link{height:385px;padding:16px}}

/* Uniform 7:10 book-cover presentation, preserving original artwork proportions. */
.books-grid { gap: 34px; }
.book-image-link {
  min-height: 0 !important;
  height: 440px !important;
  padding: 14px !important;
  background: #f7f7f7;
}
.book-image-link .image-wrap, .book-image-link .image-frame,
.book-image-link > div { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.book-image-link img {
  display: block; height: 100% !important; width: auto !important;
  max-width: 100% !important; max-height: 100% !important;
  object-fit: contain !important;
}
@media(max-width:680px) {
  .book-image-link { height: 390px !important; }
}

.footerin,.he .footerin {
  display:flex;flex-direction:column;align-items:flex-start;gap:18px;
  justify-content:flex-start;
}
.he .footerin{align-items:flex-end;}
.footer-nav {display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;direction:ltr;}
.he .footer-nav {direction:rtl;}
.footer-nav button {
  background:transparent;border:0;padding:4px 0;
  font-family: 'DM Sans', sans-serif;font-size:14px;
  line-height:1.5;color:#50545a;cursor:pointer;
}
.he .footer-nav button{font-family:'Assistant',sans-serif;font-size:17px;}
.footer-nav button:hover,.footer-nav button.active{color:var(--accent);text-decoration:underline;text-underline-offset:5px;}
#footer-copyright{width:auto;font-size:12px;color:#777;}
.he #footer-copyright{text-align:right;}
@media(max-width:640px){.footer-nav{gap:10px 18px;}}

/* Version 54 — intentional layout and typographic system */
:root { --paper: #ffffff; --ink:#252924; --muted:#626a70; --accent:#bc50c7; --border:#e3e5e7; --teal:#397487; }
html,body { background:#fff; }
body { color:var(--ink); }
.shell { max-width:1180px; width:100%; margin-inline:auto; padding-inline:clamp(20px,4.5vw,46px); }
.topbar { background:white !important; }
.topin,.he .topin { padding-top:28px; }
.brand,.he .brand { padding-bottom:22px; }
.brandname { font-family:'DM Sans',sans-serif; font-size:clamp(40px,4.2vw,52px); font-weight:500 !important; letter-spacing:-.035em; line-height:1.12; }
.he .brandname { font-family:'Assistant',sans-serif; font-weight:700 !important; letter-spacing:0; }
.navright,.he .navright { min-height:56px; }
.navlinks button { font-size:15px; }
.he .navlinks button { font-size:19px; }
.navlinks button.active { color:var(--accent); }
.pageintro { padding-top:52px; padding-bottom:32px; }
.pageheading,.he .pageheading { font-family:inherit; font-weight:600; font-size:clamp(31px,3.1vw,39px); letter-spacing:-.025em; line-height:1.24; margin:0 0 18px; }
.he .pageheading { font-size:clamp(34px,3.2vw,42px); letter-spacing:0; }
.pageintro .subtle, body:not(.he) .pageintro .subtle { font-size:19px;line-height:1.7; color:#626a70; max-width:760px; }
.he .pageintro .subtle { font-size:20px; line-height:1.7; }
.collection .cards,.more-poems .cards { gap:38px 34px; }
.poem-card { min-width:0; overflow:visible; }
.poem-card-link { display:block; width:100%; padding:0; border:0; background:none; text-align:start; color:inherit; cursor:pointer; }
.poem-card-link .image-frame { display:block; width:100%; overflow:hidden; aspect-ratio: 1.55; background:#f4f4f4; }
.poem-card-link img,.more-poems .poem-card img { width:100%; height:100% !important; object-fit:cover !important; aspect-ratio:auto; border:0; transition:transform .3s ease; }
.poem-card:hover { transform:none; }
.poem-card-link:hover img { transform:scale(1.025); }
.cardbody { display:block; padding:14px 0 0; min-height:0; }
.cardtitle,.cardtitle.long-title,.he .cardtitle,.he .cardtitle.long-title { font-family:inherit; font-size:clamp(20px,2.05vw,25px); font-weight:500; letter-spacing:-.015em; line-height:1.35; color:var(--ink); overflow-wrap:break-word; }
.he .cardtitle,.he .cardtitle.long-title { font-size:clamp(22px,2.1vw,27px); font-weight:600; letter-spacing:0; }
.poem-card-link:hover .cardtitle { color:var(--teal); }
.reader,.he .reader { max-width:1180px; width:100%; margin-inline:auto; padding:46px clamp(20px,4.5vw,46px) 95px; }
.reader .poem-heading,.he .reader .poem-heading { margin-bottom:28px; }
.poem-section-link,.he .poem-section-link { display:inline-block; color:var(--teal);border-bottom:2px solid #9ab6bf; padding:0 0 8px; font-size:clamp(17px,1.6vw,20px); font-weight:600;line-height:1.3; }
.he .poem-section-link { font-size:clamp(19px,1.8vw,23px); }
.reader .poem-heading .poem-name,.he .reader .poem-heading .poem-name { margin:29px 0 0; font-family:inherit; font-size:clamp(34px,3.4vw,43px);line-height:1.2; font-weight:500; color:var(--accent);letter-spacing:-.025em; }
.he .reader .poem-heading .poem-name { font-size:clamp(37px,3.6vw,47px);font-weight:600;letter-spacing:0; }
.poemtext { font-family:'DM Sans',Arial,sans-serif; font-size:22px;line-height:1.72; color:#2d3335; max-width:100%;min-width:0;white-space:normal; }
.he .poemtext { font-family:'Assistant',Arial,sans-serif; font-size:24px; line-height:1.73; }
.poem-line { white-space:pre-wrap; overflow-wrap:normal; word-break:normal; }
.poemillustration,.he .poemillustration { width:100%; max-width:none; }
.reader .poemillustration img { display:block;width:100%;height:auto;object-fit:contain; }
.imagecredit { margin-top:10px;line-height:1.45; }
.info-layout { gap:clamp(30px,5vw,65px); }
.info-layout p { font-size:21px;line-height:1.7; }
.he .info-layout p { font-size:23px;line-height:1.75; }
.info-layout img { height:auto; max-height:none; object-fit:contain; }
.more-poems { padding-top:52px; }
.more-poems-heading { font-size:clamp(27px,2.6vw,34px);font-weight:600; }
.books-grid { grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(20px,3vw,34px);row-gap:40px; align-items:start; padding-top:6px; }
.book-card { gap:16px;min-width:0; }
.book-image-link { height:390px !important;min-height:0 !important; padding:18px !important;background:#fafafa !important; border:1px solid #ededed; display:flex;align-items:center;justify-content:center; }
.book-image-link .image-frame { width:100%; height:100%; display:flex;align-items:center;justify-content:center; }
.book-image-link img { width:auto !important;height:auto !important; max-width:100% !important; max-height:100% !important;object-fit:contain !important; box-shadow:0 2px 12px rgba(0,0,0,.09); }
.book-card-info h2 { font-size:21px;line-height:1.3;margin:0 0 6px; }
.book-original { font-size:19px;margin-bottom:8px; }
.book-meta,.book-language { font-size:14px;line-height:1.55; }
.book-actions { gap:8px 20px; }
.book-actions a { font-size:14px;line-height:1.6; }
.he .book-card-info h2 { font-size:24px; }
.he .book-meta,.he .book-actions a { font-size:16px; }
.footer { padding-top:35px;padding-bottom:38px; }
.footer-nav { gap:10px 26px; }
.footer-nav button { font-size:15px; }
.he .footer-nav button { font-size:18px; }
:where(button,a,input,textarea,[tabindex]):focus-visible {outline:3px solid var(--accent);outline-offset:4px;border-radius:2px;}
@media (min-width: 960px){
  .reader,.he .reader { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);column-gap:clamp(32px,5vw,68px);align-items:start; }
  .reader .poem-layout,.he .reader .poem-layout { display:contents; }
  .reader .poem-heading,.he .reader .poem-heading { grid-column:1;grid-row:1; }
  .reader .poemtext,.he .reader .poemtext { grid-column:1;grid-row:2; }
  .reader .poemillustration,.he .reader .poemillustration { grid-column:2;grid-row:1 / span 2;align-self:start; }
  .he .reader { direction:rtl; }
}
@media (max-width:959px){
  .reader,.he .reader {display:flex;flex-direction:column;}
  .reader .poem-layout,.he .reader .poem-layout {display:flex;flex-direction:column;gap:26px;width:100%;}
  .reader .poemtext,.he .reader .poemtext {order:0;width:100%;max-width:760px;}
  .reader .poemillustration,.he .reader .poemillustration {order:1;width:100%;max-width:760px;}
  .reader .poemillustration img {max-height:580px;object-fit:contain;object-position:left top;}
  .he .reader .poemillustration img {object-position:right top;}
  .books-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
  .topin,.he .topin {padding-top:22px;}
  .brand,.he .brand { padding-bottom:18px; }
  .brandname,.he .brandname {font-size:41px;}
  .navright,.he .navright {min-height:53px;gap:6px;}
  .navlinks,.he .navlinks {gap:17px;}
  .navlinks button {font-size:13px;}
  .he .navlinks button {font-size:17px;}
  .pageintro {padding-top:35px; padding-bottom:24px;}
  .pageintro .subtle, body:not(.he) .pageintro .subtle { font-size:17px; }
  .he .pageintro .subtle {font-size:19px;}
  .collection .cards,.more-poems .cards {grid-template-columns:1fr;row-gap:30px;}
  .poem-card-link .image-frame {aspect-ratio:1.55;}
  .poem-card-link img {height:100%!important;}
  .cardtitle,.cardtitle.long-title {font-size:21px;}
  .he .cardtitle,.he .cardtitle.long-title {font-size:23px;}
  .reader,.he .reader {padding-top:32px;padding-bottom:65px;}
  .reader .poem-heading .poem-name {font-size:clamp(30px,8vw,38px);}
  .he .reader .poem-heading .poem-name {font-size:clamp(33px,8vw,42px);}
  .poemtext {font-size:19px;line-height:1.68;}
  .he .poemtext {font-size:22px;line-height:1.73;}
  .poem-line {overflow-wrap:break-word;}
  .info-layout p {font-size:19px;}
  .he .info-layout p {font-size:21px;}
  .books-grid {grid-template-columns:1fr;gap:40px;}
  .book-image-link {height:390px!important;}
  .book-card {max-width:460px;width:100%;}
  .he .book-card {margin-inline-start:auto;}
}
@media (prefers-reduced-motion:reduce) {
  .poem-card-link img {transition:none;}
  .poemtext.is-animated .poem-line {opacity:1;transform:none;transition:none;}
}

/* Version 55: book covers have a genuinely equal displayed height. */
.book-image-link .image-frame img {height:100% !important;width:auto !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;}

/* Hebrew footer: anchor both navigation and copyright on the right. */
.he .footerin{direction:rtl;align-items:flex-start;text-align:right}
.he .footer-nav{justify-content:flex-start;text-align:right}
.he #footer-copyright{direction:rtl;text-align:right}
/* Contact form: clear keyboard and screen-reader status, proper RTL fields. */
.he .contact-form{direction:rtl;text-align:right}
.he .contact-form input,.he .contact-form textarea{text-align:right;direction:rtl}
.he .contact-form input[type=email]{direction:ltr;text-align:left}
.contact-status{font-size:15px;line-height:1.6;min-height:1.6em;margin:0}
.contact-status[data-state=success]{color:#236b41}
.contact-status[data-state=error]{color:#a42b32}
.contact-form button[disabled]{opacity:.6;cursor:wait}
.contact-form{min-width:0}.contact-form .spam-trap{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#demo-note{display:none}
/* Contact submit buttons use Poetic magenta in both languages. */
.contact-form button.primary {
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
  font-size:16px;
}
.contact-form button.primary:hover,
.contact-form button.primary:focus-visible {
  background:#93369f;
  border-color:#93369f;
}


/* Navigation legibility update: larger menu text, including phones. */
.navlinks button {font-size:17px;}
.he .navlinks button {font-size:21px;}
.footer-nav button {font-size:16px;}
.he .footer-nav button {font-size:19px;}
@media (max-width:640px) {
  .navlinks button {font-size:16px;line-height:1.35;padding:12px 0;}
  .he .navlinks button {font-size:19px;line-height:1.35;padding:12px 0;}
  .navlinks,.he .navlinks {gap:clamp(9px,3vw,17px);}
  .navright,.he .navright {min-height:56px;}
  .footer-nav button {font-size:16px;}
  .he .footer-nav button {font-size:19px;}
}
@media (max-width:390px) {
  .navright,.he .navright {flex-wrap:wrap;justify-content:center;row-gap:0;}
  .navlinks,.he .navlinks {width:100%;justify-content:space-between;gap:9px;}
  .languages {justify-content:center;}
}

/* Slightly roomier navigation in English and Hebrew. */
.navlinks,.he .navlinks {gap:32px;}
@media (max-width:640px) {
  .navlinks,.he .navlinks {gap:clamp(12px,3.6vw,20px);}
}
@media (max-width:390px) {
  .navlinks,.he .navlinks {gap:12px;}
}

/* About and Contact: artwork follows the text and takes the full width on phones. */
@media (max-width:640px) {
  .info-layout,.he .info-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .info-layout > :first-child {grid-column:1;grid-row:1;min-width:0;}
  .info-layout .contact-form,.info-layout .contact-form input,.info-layout .contact-form textarea {min-width:0;max-width:100%;}
  .info-layout > :last-child {grid-column:1;grid-row:2;min-width:0;width:100%;margin:0;}
  .info-layout .image-frame,.info-layout img {width:100%;max-width:100%;}
  .info-layout img {height:auto;max-height:none;object-fit:contain;}
}

/* Restore inline mobile language links with slightly larger lettering. */
@media (max-width:640px) {
  .languages button,.he .languages button {
    font-size:14px;
    padding:8px 5px;
  }
}
/* Keep mobile language choices as simple text, not filled buttons. */
@media (max-width:640px) {
  .languages,.he .languages {background:transparent;border:0;box-shadow:none;}
  .languages button,.he .languages button {
    background:transparent !important;
    color:var(--muted) !important;
    border:0;
    box-shadow:none;
    border-radius:0;
  }
  .languages button.active,.he .languages button.active {
    background:transparent !important;
    color:var(--accent) !important;
    text-decoration:underline;
    text-underline-offset:5px;
    font-weight:700;
  }
}

/* About biography: slightly less space between heading and body (both languages). */
.about-page .pageintro {padding-bottom:12px;}
@media (max-width:640px) {.about-page .pageintro {padding-bottom:8px;}}

/* Contact only: tighten space between the page heading and the first form field. */
.contact-page .pageintro {padding-bottom:8px;}
.contact-page .info-layout {padding-top:0;}
.contact-page .contact-form {margin-top:8px;}
@media (max-width:640px) {
  .contact-page .pageintro {padding-bottom:4px;}
  .contact-page .contact-form {margin-top:4px;}
}