/* Approved monochrome / sans-serif direction. Original photographs stay intact. */
:root{--paper:#fff;--ink:#111;--rust:#111;--peach:#fff;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--serif:'Helvetica Neue',Helvetica,Arial,sans-serif}
body{background:#111;color:#fff}
em{font-style:normal;color:inherit}
.cinema{background:#111}
.book-heading h1,.poem blockquote,.order h2,.price-line strong,.book-updates h3,.creator-bios h3{font-weight:500}
.book-heading p,.credit{color:#ddd}
.book-heading p span{color:#fff}
.hero-preorder{background:#fff;color:#111;border-color:#fff;font-weight:500}
.hero-preorder:hover{background:#e6e6e6;color:#111}
.poem blockquote{letter-spacing:-.035em;line-height:1.08}
.order{background:#fff;color:#111}
.order em,.price-line span{color:#111}
.order .cover,.order .cover:hover{transform:none;box-shadow:0 3px 12px #0002}
.buy{background:#111;color:#fff}
.buy:hover{background:#333}
.buy:disabled{background:#666;color:#fff}
.checkout p,.book-updates .signup-consent{color:#444}
.signup-row input,.quote-fields input{background:#fff;color:#111;border-color:#999}
.signup-row input:focus-visible{outline-color:#111}
.order a:focus-visible,.order button:focus-visible{outline-color:#111}
.book-updates{border-color:#ccc}
.creators,.international-section{background:#111;color:#fff}
.creator-bios em{font-style:italic;color:inherit}
footer{background:#111;color:#fff}
#poem-3 .shade{background:linear-gradient(90deg,#111 0%,#111e 28%,#1116 62%,#1110),linear-gradient(0deg,#0008,transparent 25%,transparent 75%,#0006)}
.checkout #checkout-status:not(:empty){background:#fff;border-color:#111;color:#111}
.thanks{background:#111;color:#fff}
.thanks-credit{color:#ddd}
.thanks-confirmation{border-color:#ffffff66}
.thanks-confirmation a{border-color:#ffffff99}
.thanks-poem blockquote,.thanks-confirmation h1{font-weight:500}
@media(max-width:700px){#poem-3 .shade{background:linear-gradient(90deg,#0009,#0003),linear-gradient(0deg,#000a,transparent 35%,#0005)}}

/* Mobile: integrated image and type, with the subjects kept clear. */
@media(max-width:700px){
 #poem-2 .scene.tree,#poem-3 .scene.blazer{
  inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;
  filter:none;transform:none;animation:none;
 }
 #poem-2 .shade,#poem-3 .shade{
  display:block;background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 72%),linear-gradient(180deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.35) 24%,rgba(0,0,0,.12) 45%,transparent 55%,transparent 78%,rgba(0,0,0,.65) 100%);
 }
 /* Inherit the same poem layout, labels, and credits as slide one. */
 #poem-2 .poem blockquote,#poem-3 .poem blockquote{font-size:clamp(43px,6.7vw,62px);line-height:1.08;letter-spacing:-.035em;max-width:1120px}
}
@media(max-width:540px){
 #poem-2 .poem blockquote,#poem-3 .poem blockquote{font-size:clamp(35px,9.8vw,51px)}
}

/* Restore the original full-bleed third slide on desktop. */
@media(min-width:701px){
 #poem-3 .scene.blazer{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.78)}
 #poem-3 blockquote{max-width:1120px}
 #poem-3 .shade{background:linear-gradient(90deg,#000b 0%,#0006 52%,#0002),linear-gradient(0deg,#0009,transparent 35%,transparent 70%,#0009)}
}

/* A small mobile crop adjustment keeps the tree photograph’s subject in frame. */
@media(max-width:700px){#poem-2 .scene.tree{object-position:20% center}}