/* Cinematic reading layer — intentionally separate from the theme foundation. */
body{background-image:radial-gradient(circle at 85% 12%,rgba(34,45,62,.22),transparent 25%),radial-gradient(circle at 8% 55%,rgba(54,29,42,.14),transparent 28%)}
.site-header{align-items:center}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1}.brand small{margin-top:.42rem;color:var(--gold);font:500 .49rem/1 var(--sans);letter-spacing:.17em;text-transform:uppercase}.primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.8rem,2vw,2rem);white-space:nowrap}.primary-nav ul{align-items:center;flex-wrap:nowrap}.primary-nav .search-open{flex:0 0 auto;margin:0;white-space:nowrap}
.hero{background:#090909;isolation:isolate}.hero-bg{position:absolute;z-index:0;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.035);transition:opacity 2.2s ease,transform 8s ease}.hero-bg.is-active{opacity:1;transform:scale(1.08)}.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1)),linear-gradient(0deg,rgba(9,9,9,.68),transparent 55%)}.hero:after,.hero-grain{z-index:1}.hero-copy,.scroll-cue{z-index:2}
.reading-progress,.site-progress{position:fixed;z-index:100;inset:0 0 auto;height:3px;background:rgba(255,255,255,.07);pointer-events:none}
.reading-progress span,.site-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#74502e,#e8c98e,#fff2cf);box-shadow:0 0 14px rgba(221,187,126,.45);transition:transform .1s linear}
.single-poem{padding-top:0}
.poem-hero{--poem-image:none;position:relative;min-height:min(900px,92svh);display:grid;align-items:end;padding:10rem var(--edge) 7rem;background-image:var(--poem-image);background-size:cover;background-position:center;overflow:hidden;isolation:isolate}
.poem-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:inherit;background-size:cover;background-position:center;transform:scale(1.03);animation:poem-breathe 18s ease-in-out infinite alternate}
.poem-hero:after{content:"";position:absolute;z-index:0;inset:0;opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.poem-hero-shade{position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.25),rgba(5,6,8,.48) 42%,rgba(5,6,8,.97)),linear-gradient(90deg,rgba(5,6,8,.72),transparent 70%)}
.poem-hero.no-image{min-height:72svh;background:radial-gradient(circle at 78% 20%,rgba(54,29,42,.48),transparent 28%),radial-gradient(circle at 20% 70%,rgba(16,23,34,.72),transparent 35%),#090909}.poem-hero.no-image:before{display:none}.poem-hero.no-image .poem-hero-shade{background:linear-gradient(180deg,transparent,rgba(5,6,8,.72))}
.poem-hero-content{position:relative;z-index:2;max-width:1000px}
.poem-hero-content:before{content:"";position:absolute;left:-2rem;top:.2rem;width:1px;height:7rem;background:linear-gradient(var(--gold),transparent)}
.poem-hero h1{max-width:920px;margin:0 0 2rem;font:500 clamp(3.8rem,9vw,9rem)/.9 var(--serif);letter-spacing:-.07em;text-wrap:balance;text-shadow:0 6px 40px rgba(0,0,0,.35)}
.poem-authorline{margin:-.6rem 0 2rem;color:rgba(246,240,232,.78);font:italic 500 clamp(.95rem,1.5vw,1.2rem) var(--serif)}.poem-authorline a{color:var(--paper);border-bottom:1px solid rgba(201,167,109,.5)}
.poem-hero .poem-meta{justify-content:flex-start}
.enter-poem{display:inline-flex;align-items:center;gap:1.3rem;margin-top:2.7rem;padding-bottom:.55rem;border-bottom:1px solid rgba(246,240,232,.55);font-size:.68rem;letter-spacing:.17em;text-transform:uppercase}
.enter-poem span{color:var(--gold)}
.poem-stage{position:relative;display:grid;grid-template-columns:minmax(110px,1fr) minmax(320px,690px) minmax(110px,1fr);padding:8rem var(--edge) 11rem;background:linear-gradient(180deg,#090909,#0c0b0c 75%,#090909)}
.poem-stage:before{content:"";position:absolute;left:50%;top:0;width:1px;height:4.5rem;background:linear-gradient(var(--gold),transparent)}
.poem-margin{grid-column:1;justify-self:end;position:sticky;top:28vh;align-self:start;width:92px;min-height:340px;display:flex;flex-direction:column;align-items:center;color:#7e7870}
.poem-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(201,167,109,.36);border-radius:50%;font:italic 500 .75rem var(--serif);color:var(--gold)}
.stanza-count{margin-top:2rem;font-size:.58rem;letter-spacing:.15em}.stanza-count b{color:var(--paper);font-weight:500}.stanza-count i{font-style:normal}
.vertical-note{margin-top:3rem;writing-mode:vertical-rl;font-size:.55rem;letter-spacing:.19em;text-transform:uppercase}
.poem-reading-column{grid-column:2;position:relative;min-width:0}.poem-reading-column:before{content:"“";position:absolute;right:-1rem;top:-5rem;color:rgba(201,167,109,.08);font:500 16rem/.7 var(--serif);pointer-events:none}.poem-stage .poem-content{margin:0;padding:0 clamp(1rem,4vw,3rem);max-width:none;font-size:clamp(1.35rem,2vw,1.78rem);line-height:1.92}
.reading-enhanced p{opacity:.32;filter:blur(.55px);transform:translateY(12px);transition:opacity .8s ease,filter .8s ease,transform .8s ease,color .8s ease}
.reading-enhanced p.is-current{opacity:1;filter:none;transform:none;color:#fffaf2}
.reading-enhanced p:first-child:first-letter{float:left;margin:.08em .14em 0 0;font:500 3.8em/.72 var(--serif);color:var(--gold)}
.poem-signature{margin:6rem clamp(1rem,4vw,3rem) 0;padding:2rem 0;border-top:1px solid rgba(201,167,109,.3);display:grid;grid-template-columns:1fr auto;align-items:end}.poem-signature span{grid-column:1/-1;margin-bottom:.25rem;color:#817a71;font-size:.57rem;letter-spacing:.18em;text-transform:uppercase}.poem-signature strong{font:italic 500 clamp(1.8rem,4vw,3rem) var(--serif);letter-spacing:-.035em}.poem-signature a{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.poem-signature b{color:var(--gold);margin-left:.5rem}
.visual-card{padding:0;overflow:hidden;display:block;position:relative;min-height:0}
.visual-card.no-image{background:radial-gradient(circle at 90% 0,rgba(54,29,42,.28),transparent 40%),#090909}.visual-card.no-image .poem-card-body{min-height:390px}.visual-card.no-image .poem-card-body:before{content:"SI";display:grid;place-items:center;width:42px;height:42px;margin:0 0 3rem auto;border:1px solid rgba(201,167,109,.28);border-radius:50%;color:var(--gold);font:italic 500 .7rem var(--serif)}
.poem-card-media{--card-image:none;position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3)),var(--card-image) center/cover;overflow:hidden}
.poem-card-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,7,8,.75));transition:background .6s}
.poem-card-media:after{content:"";position:absolute;inset:0;background:var(--card-image) center/cover;mix-blend-mode:soft-light;opacity:0;transform:scale(1);transition:opacity .7s,transform 1.2s}
.visual-card:hover .poem-card-media:after{opacity:.5;transform:scale(1.05)}
.card-frame{position:absolute;z-index:2;inset:1rem;border:1px solid rgba(255,255,255,.13);transition:inset .5s,border-color .5s}
.visual-card:hover .card-frame{inset:.65rem;border-color:rgba(201,167,109,.55)}
.card-number{position:absolute;z-index:3;right:1.5rem;bottom:1.3rem;font-size:.57rem;letter-spacing:.2em;color:rgba(255,255,255,.7)}
.poem-card-body{min-height:290px;padding:2rem;display:flex;flex-direction:column;align-items:flex-start}
.poem-card-body .card-read{margin-top:auto;font-size:.69rem;letter-spacing:.16em;text-transform:uppercase}
.card-author{margin:-.5rem 0 1rem;color:#89827a;font:italic 500 .78rem var(--serif)}
.poem-card-body .card-read span{color:var(--gold);margin-left:.5rem}
.related{background:linear-gradient(180deg,#090909,#0e1014)}
.related h2{margin-bottom:3.5rem}
.featured-excerpt{max-width:620px;margin:1.8rem auto;color:var(--muted);font:500 1.05rem/1.7 var(--serif)}
.quote-band{position:relative}.rotating-quote{transition:opacity .45s ease,filter .45s ease,transform .45s ease}.rotating-quote.is-changing{opacity:0;filter:blur(7px);transform:translateY(8px)}.quote-counter{position:absolute;right:var(--edge);bottom:2.5rem;color:#79736b;font-size:.56rem;letter-spacing:.18em}
.load-more-wrap{text-align:center;margin-top:3.5rem}.load-more-wrap .button{background:transparent;color:var(--paper);cursor:pointer}.load-more-wrap .button:disabled{cursor:wait;opacity:.6}.load-status{min-height:1.5em;color:var(--muted);font-size:.75rem}
.newsletter-status{min-height:1.5em;margin:.8rem 0 0;color:#d8a7a7;font-size:.75rem}.newsletter-status.is-success{color:#c9d7ae}.newsletter button:disabled{opacity:.55;cursor:wait}.subscribe-consent{display:flex!important;align-items:flex-start;gap:.6rem;margin-top:1rem!important;color:var(--muted);font-size:.68rem!important;line-height:1.45;text-transform:none!important;letter-spacing:0!important}.subscribe-consent input{margin-top:.2rem}.si-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.si-human-check{margin:1rem 0}.cf-turnstile{min-height:65px}
.comments-area{max-width:900px;margin:0 auto;padding-top:8rem!important;border-top:1px solid rgba(255,255,255,.12)}
.comments-area h2,.comment-reply-title{font:500 clamp(2rem,4vw,3.8rem)/1 var(--serif);letter-spacing:-.045em}
.comment-list{padding:0;list-style:none}.comment-list li{margin:2rem 0;padding:1.5rem;border-left:1px solid rgba(201,167,109,.35)}
.comment-form{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 2rem}.comment-notes,.comment-form-comment,.comment-form-url,.comment-form-cookies-consent,.form-submit{grid-column:1/-1}
.comment-form label{display:block;margin-bottom:.45rem;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em}
.comment-form input:not([type=checkbox]),.comment-form textarea{width:100%;border:0;border-bottom:1px solid #5e5953;border-radius:0;background:#0e0e0f;color:var(--paper);padding:1rem;outline:0}
.comment-form textarea{min-height:150px;resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--gold)}
.comment-form-cookies-consent{display:flex;gap:.7rem;align-items:flex-start}.comment-form-cookies-consent label{font-size:.7rem;text-transform:none;letter-spacing:0}
.form-submit input{border:1px solid var(--gold);background:transparent;color:var(--paper);padding:.9rem 1.2rem;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;cursor:pointer}
.site-footer{position:relative;background:#070708}.site-footer:before{content:"";position:absolute;top:0;left:var(--edge);right:var(--edge);height:1px;background:linear-gradient(90deg,transparent,#554634,transparent)}
.archive-byline{max-width:620px;color:var(--muted);font:italic 500 1.1rem/1.65 var(--serif)}
@keyframes poem-breathe{from{transform:scale(1.03)}to{transform:scale(1.09)}}
@media (min-width:981px){.site-header{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:3rem}.primary-nav{justify-self:end;min-width:max-content;display:flex!important;flex-wrap:nowrap!important}.primary-nav>ul{display:flex!important;flex-wrap:nowrap!important;margin:0!important}.primary-nav .search-open{display:inline-block!important;margin:0!important}}
@media (max-width:980px){.site-header{padding-block:1.3rem}.menu-toggle{display:block;position:relative;z-index:22;width:32px;padding:5px}.menu-toggle span:not(.screen-reader-text){display:block;height:1px;background:white;margin:6px 0}.primary-nav{position:fixed;inset:0;z-index:21;display:grid;place-content:center;background:rgba(7,8,10,.98);opacity:0;visibility:hidden;transition:.3s;white-space:normal}.menu-open .primary-nav{opacity:1;visibility:visible}.primary-nav ul{display:block;text-align:center}.primary-nav li{margin:1.1rem}.primary-nav a{font:500 clamp(2rem,8vw,3.2rem) var(--serif);text-transform:none;letter-spacing:-.04em}.primary-nav .search-open{display:block;margin:2rem auto 0;font-size:.72rem}.menu-open{overflow:hidden}}
@media (max-width:760px){.brand small{font-size:.43rem}.poem-hero{min-height:82svh;padding:8rem var(--edge) 4.5rem;background-position:center}.poem-hero h1{font-size:clamp(3rem,16vw,5.2rem)}.poem-hero-content:before{left:-.75rem;height:4rem}.poem-authorline{margin-top:-.8rem}.poem-hero .poem-meta{justify-content:flex-start;row-gap:.6rem}.poem-stage{display:block;padding:6rem 0 8rem}.poem-margin{display:none}.poem-reading-column:before{right:.5rem;top:-3rem;font-size:10rem}.poem-stage .poem-content{padding-inline:clamp(1.4rem,8vw,2.3rem);font-size:clamp(1.2rem,5.8vw,1.48rem);line-height:1.82}.poem-signature{margin-inline:clamp(1.4rem,8vw,2.3rem);grid-template-columns:1fr}.poem-signature a{margin-top:1rem}.reading-enhanced p{opacity:.58;filter:none}.reading-enhanced p.is-current{opacity:1}.poem-grid{gap:1px}.poem-card-body{min-height:235px}.comments-area{padding-inline:var(--edge)!important}.comment-form{grid-template-columns:1fr}.comment-form-author,.comment-form-email{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.poem-hero:before{animation:none}.reading-enhanced p{opacity:1;filter:none;transform:none;transition:none}.visual-card *{transition:none!important}}
