/* NBD essay pages. Loaded after base.css. */
.essay-head{max-width:900px;margin:0 auto;padding:clamp(56px,7vw,104px) var(--gutter) clamp(40px,4.4vw,64px);display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.essay-kicker{color:var(--muted)}
.essay-title{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(46px,6vw,86px);line-height:1;letter-spacing:-.012em}
.essay-title em{font-style:italic}
.essay-dek{font-style:italic;font-weight:300;font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:#2F3538;max-width:640px}
.essay-byline{color:var(--muted)}

.essay-plate{margin:0}
.essay-plate .plate-cap{padding:6px var(--gutter) 0}

.essay-body{max-width:680px;box-sizing:content-box;margin:0 auto;padding:clamp(56px,6vw,88px) var(--gutter) 0;font-size:clamp(17px,1.32vw,19px);line-height:1.7;font-weight:300}
.figure+.essay-body,.pull+.essay-body{padding-top:0}
.essay-body>.break:first-child{margin-top:0}
.essay-body p+p{margin-top:1.1em}
.essay-body em{font-style:italic}
.essay-body .opening::first-letter{font-family:var(--display);font-weight:400;float:left;font-size:5.1em;line-height:.8;padding:.06em .1em 0 0;color:var(--ink)}
.essay-body sup{font-family:var(--label);font-size:.6em;font-weight:600;line-height:0;padding-left:1px}
.essay-body sup a{color:var(--slate)}

.break{margin:2.4em 0 1.6em;text-align:center;font-family:var(--display);font-style:italic;font-size:22px;color:var(--slate)}
.essay-body p.break+p{margin-top:0}

.figure{margin:clamp(40px,4.5vw,64px) auto;max-width:880px;padding:0 var(--gutter);box-sizing:content-box}
.figure-wide{max-width:1200px}
.figure .plate-cap{padding:6px 0 0}

.pull{max-width:820px;margin:clamp(48px,5vw,72px) auto;padding:0 var(--gutter);box-sizing:content-box;text-align:center}
.pull p{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(28px,3vw,42px);line-height:1.22}

.verse{margin:1.4em 0 1.4em 1.6em;font-style:italic;line-height:1.6}
.verse p+p{margin-top:.8em}

.notes{max-width:680px;box-sizing:content-box;margin:clamp(64px,6vw,96px) auto 0;padding:28px var(--gutter) 0;position:relative}
.notes::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--ink)}
.notes h2{margin:0 0 18px}
.notes ol{margin:0;padding-left:1.4em;font-size:15px;line-height:1.55;color:var(--body2);font-weight:300}
.notes li+li{margin-top:.7em}
.notes a{border-bottom:1px solid var(--hairline)}
.notes li:target{background:#EFE6D3}

.stay{max-width:680px;box-sizing:content-box;margin:clamp(56px,5vw,80px) auto 0;padding:32px var(--gutter) 0;display:flex;flex-direction:column;gap:14px;position:relative}
.stay::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:3px double var(--ink)}
.stay-title{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(32px,3vw,44px);line-height:1.05}
.stay p{font-size:17px;line-height:1.65;font-weight:300;color:var(--body2)}
.stay .text-link{align-self:flex-start}

.more{padding:clamp(64px,7vw,110px) var(--gutter) 0}
.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;padding-top:32px}
.more-link{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center}
.more-link img{width:160px}
.more-text{display:flex;flex-direction:column;gap:10px}
.more-title{font-family:var(--display);font-size:clamp(26px,2.3vw,32px);line-height:1.1}

@media (max-width:700px){
  .essay-head{align-items:flex-start;text-align:left;gap:18px}
  .essay-plate .plate-cap{padding-top:4px}
  .figure .plate-cap{padding-top:4px}
  .verse{margin-left:1em}
  .pull{text-align:left}
  .more-grid{grid-template-columns:minmax(0,1fr)}
  .more-link{grid-template-columns:96px minmax(0,1fr);gap:16px}
  .more-link img{width:96px}
}