/* New surroundings inherit Serene neutrals. Poem panels and artwork retain their own colors. */
.poet-porch,.poem-entrance,.reading-controls,.book-interlude{color:#323333}
.poet-porch{display:grid;grid-template-columns:1fr 300px;gap:48px;padding:24px 0 36px;border-bottom:1px solid #ccc}
.porch-identity{display:flex;align-items:center;gap:30px}.pete-photo{width:240px;height:auto;transform:rotate(-2deg);box-shadow:8px 8px 0 #fff}.porch-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin:0 0 12px}.poet-porch h2{font:400 clamp(30px,3vw,44px)/1.1 Georgia,serif;padding:0;margin:0 0 12px}.porch-motto{font-size:16px;line-height:1.7;margin-bottom:12px}.poet-porch a,.porch-side a{text-underline-offset:4px}.porch-books>div{display:flex;gap:24px;align-items:end}.porch-books a{display:grid;gap:8px;font-size:12px;text-align:center}.porch-books img{width:auto;height:130px;max-width:140px;object-fit:contain}
.poem-entrance{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:42px;margin:36px 0 30px}.ink-scene{position:relative;min-height:300px;display:flex;align-items:center;background:#fff;overflow:hidden}.ink-scene>img{position:absolute;right:0;bottom:0;width:65%;height:100%;object-fit:contain;opacity:.65}.ink-scene>div{position:relative;padding:28px 34px;z-index:1}.ink-scene h2{font:400 clamp(34px,4vw,56px)/1.04 Georgia,serif;margin:0 0 14px;padding:0}.ink-scene p{line-height:1.6}.ink-scene button,.reading-controls button{background:transparent;color:inherit;border:1px solid #777;border-radius:0;padding:10px 16px;font:inherit;cursor:pointer}.ink-scene button{margin-top:14px;background:#fff}.poem-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.poem-doors a{padding:14px 0;border-bottom:1px solid #aaa;font:19px/1.4 Georgia,serif;color:inherit}.poem-doors small{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.1em;margin-bottom:6px}
.porch-side{border-left:1px solid #ccc;padding-left:26px;font-size:14px}.porch-side h3{font:21px/1.25 Georgia,serif;margin:0 0 16px;padding:0}.porch-side a{display:block;margin-bottom:10px}.porch-side nav{margin-bottom:28px}.passion-note{border-top:1px solid #ccc;padding-top:18px;margin-top:24px}.passion-note small{display:block;font-size:11px}.reading-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;margin-bottom:25px;border-top:1px solid #aaa}.reading-controls p{margin:0}.reading-controls .porch-kicker{margin-bottom:8px}.reading-controls button+button{margin-left:10px}.reading-controls button[aria-pressed=true]{background:#323333;color:#fff}
.book-interlude{display:flex;align-items:center;gap:35px;max-width:780px;margin:70px auto;padding:28px 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa}.book-interlude img{width:110px;height:150px;object-fit:contain}.book-interlude h2{font:30px/1.2 Georgia,serif;padding:0;margin:0 0 12px}.book-interlude p{font-size:16px;line-height:1.8;margin-bottom:12px}.book-interlude a{color:inherit;text-decoration:underline;text-underline-offset:4px}.reading-controls button:focus-visible,.ink-scene button:focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:1000px){.poet-porch{grid-template-columns:1fr 235px;gap:20px}.pete-photo{width:180px}.porch-identity{gap:20px}.poem-entrance{gap:25px;grid-template-columns:minmax(0,1fr) 200px}}
@media(max-width:700px){.poet-porch{grid-template-columns:1fr}.porch-identity{align-items:start}.pete-photo{width:35%;margin-top:8px}.porch-books{margin-top:12px}.porch-books img{height:100px}.porch-books>div{justify-content:start}.poem-entrance{grid-template-columns:1fr}.porch-side{border-left:0;border-top:1px solid #ccc;padding:22px 0 0;columns:2;column-gap:25px}.porch-side nav,.passion-note{break-inside:avoid}.ink-scene>div{padding:24px}.ink-scene>img{opacity:.35;width:80%}.poem-doors{gap:12px}.poem-doors a{font-size:16px}.reading-controls{display:block}.reading-controls>div+div{margin-top:16px}.reading-controls button{font-size:13px;padding:10px}.book-interlude{gap:18px;margin:40px 0}.book-interlude img{width:80px;height:120px}.book-interlude h2{font-size:24px}.book-interlude p{font-size:14px}}
.poet-porch a,.porch-side a{color:#323333;text-decoration:underline}
