/* ===== Poem page — The Silhouette of Mountains ===== */
  :root{
    --ink:#0a0a0a;
    --paper:#e9e6e1;
    --soft:#a8a49e;
    --faint:#5e5b57;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{background:var(--ink)}
  body{
    color:var(--paper);
    font-family:"Cormorant Garamond",Georgia,serif;
    -webkit-font-smoothing:antialiased;
  }

  .poem-hero{
    position:relative;
    height:78vh;min-height:420px;max-height:900px;
    overflow:hidden;
  }
  .poem-hero img{
    width:100%;height:100%;
    object-fit:cover;object-position:55% 45%;
    display:block;
    filter:grayscale(1) contrast(1.05);
  }
  .poem-hero::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(to bottom,rgba(10,10,10,0) 45%,rgba(10,10,10,.85) 85%,var(--ink) 100%);
  }

  .poem{
    max-width:34rem;
    margin:-7rem auto 0;
    padding:0 1.5rem 6rem;
    position:relative;z-index:1;
  }
  .poem-title{
    font-weight:300;
    font-size:clamp(2.1rem,6vw,3.3rem);
    line-height:1.08;
    letter-spacing:.01em;
    text-align:center;
  }
  .poem-byline{
    font-family:Inter,system-ui,sans-serif;
    font-weight:300;
    font-size:.72rem;
    letter-spacing:.32em;
    text-transform:uppercase;
    color:var(--soft);
    text-align:center;
    margin-top:1.1rem;
  }
  .poem-ridge{
    display:block;width:120px;height:24px;
    margin:2.6rem auto 3.2rem;
    stroke:var(--faint);fill:none;stroke-width:1;
  }

  .poem-body p{
    font-size:clamp(1.15rem,2.6vw,1.32rem);
    line-height:1.7;
    font-weight:400;
    margin-bottom:2.1rem;
  }
  .poem-body .open{
    font-style:italic;
    font-size:clamp(1.3rem,3vw,1.5rem);
    text-align:center;
    margin-bottom:2.8rem;
    color:var(--paper);
  }
  .poem-body em{color:var(--soft)}
  .poem-body .close{
    text-align:center;
    font-style:italic;
    font-size:clamp(1.6rem,4vw,2rem);
    font-weight:300;
    letter-spacing:.06em;
    margin-top:3.4rem;
  }

  .poem-foot{
    font-family:Inter,system-ui,sans-serif;
    font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;
    color:var(--faint);text-align:center;margin-top:5rem;
  }

  /* ===== Site chrome ===== */
  .site-nav{
    position:absolute;top:0;left:0;right:0;z-index:5;
    display:flex;justify-content:space-between;align-items:center;
    padding:1.4rem 1.6rem;
    font-family:Inter,system-ui,sans-serif;font-weight:300;
    font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;
  }
  .site-nav a{color:var(--paper);text-decoration:none;opacity:.85}
  .site-nav a:hover{opacity:1}
  .poem-foot a{color:var(--faint);text-decoration:none}

  /* ===== Home ===== */
  .home{max-width:38rem;margin:0 auto;padding:9rem 1.5rem 6rem;text-align:center}
  .home-ridge{width:220px;height:44px;margin:0 auto 2.4rem;display:block;stroke:var(--soft);fill:none;stroke-width:1}
  .home h1{font-weight:300;font-size:clamp(2.2rem,7vw,3.6rem);line-height:1.05;letter-spacing:.02em}
  .home .tag{font-style:italic;color:var(--soft);font-size:1.25rem;margin-top:1rem}
  .home h2{
    font-family:Inter,system-ui,sans-serif;font-weight:300;font-size:.7rem;
    letter-spacing:.32em;text-transform:uppercase;color:var(--faint);
    margin:5rem 0 1.6rem;
  }
  .poem-list{list-style:none}
  .poem-list li{border-top:1px solid #1d1d1d}
  .poem-list li:last-child{border-bottom:1px solid #1d1d1d}
  .poem-list a{
    display:block;padding:1.4rem .5rem;color:var(--paper);text-decoration:none;
    font-size:1.45rem;font-weight:400;transition:color .2s;
  }
  .poem-list a:hover{color:#fff}
  .poem-list small{
    display:block;margin-top:.35rem;font-style:italic;font-size:1rem;color:var(--faint);
  }