:root{--notes-paper:#f4f1eb;--notes-ink:#111;--notes-line:rgba(17,17,17,.2)}
.notes-article-body{background:var(--notes-paper);color:var(--notes-ink)}
.notes-nav .notes-menu{font:500 11px/1 'DM Sans',sans-serif;letter-spacing:.22em}
.notes-essay{max-width:1500px;margin:0 auto;border-left:1px solid var(--notes-line);border-right:1px solid var(--notes-line)}
.notes-hero{padding:clamp(70px,8vw,125px) 5vw 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(18px,2vw,34px)}
.notes-hero-heading{grid-column:1/9}
.notes-label,.chapter-heading span{font:500 11px/1 'DM Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase}
.notes-label{margin:0 0 35px}
.notes-hero h1{font:400 clamp(88px,10vw,158px)/.78 'Italiana',serif;letter-spacing:-.055em;margin:0}
.notes-hero-intro{grid-column:9/13;align-self:end;padding:0 0 12px 1vw}
.notes-subtitle{font:italic clamp(27px,2.5vw,39px)/1.15 'Italiana',serif;margin:0 0 34px}
.notes-standfirst{font:400 17px/1.5 'DM Sans',sans-serif;max-width:390px;margin:0;color:rgba(17,17,17,.86)}
.notes-hero-image{grid-column:1/13;margin:clamp(70px,8vw,120px) -5vw 0}
.notes-hero-image img,.notes-image img{display:block;width:100%;height:auto;object-fit:contain}
.notes-body{padding:0 5vw}
.prose{width:min(100%,650px);font:400 18px/1.72 'DM Sans',sans-serif}
.prose p{margin:0 0 22px}
.prose-left{margin-left:10%}
.prose-left-narrow{margin-left:17%;width:min(100%,610px)}
.prose-right{margin-left:auto;margin-right:10%}
.notes-opening{padding-top:clamp(105px,12vw,180px)}
.opening-refrain{font:400 clamp(25px,2.4vw,36px)/1.22 'Italiana',serif;margin-bottom:65px!important}
.opening-refrain em{font-style:italic}
.single-line{font:italic 27px/1.25 'Italiana',serif;margin:30px 0!important}
.aside-line{font:italic clamp(27px,2.4vw,38px)/1.25 'Italiana',serif;margin:42px 0!important}
.notes-chapter{padding-top:clamp(125px,15vw,230px)}
.chapter-heading{margin-bottom:58px}
.chapter-heading span{display:block;margin-bottom:26px}
.chapter-heading h2{font:400 clamp(39px,4.2vw,64px)/.98 'Italiana',serif;letter-spacing:-.025em;margin:0}
.notes-image{margin:clamp(145px,17vw,260px) 0 0}
.notes-image-work{width:88%;margin-left:auto}
.notes-image-hallway{width:78%;margin-left:7%}
.notes-pull{font:400 clamp(54px,7.1vw,108px)/.93 'Italiana',serif;letter-spacing:-.04em;margin:clamp(120px,14vw,220px) 0 0;padding:0;border:0}
.notes-pull em{font-style:italic}
.notes-pull-choose{max-width:1180px;margin-left:2%}
.notes-pull-more{max-width:1250px;margin-left:auto;text-align:right}
.notes-final{padding-top:clamp(130px,15vw,230px)}
.notes-final-statement{margin:clamp(135px,16vw,250px) auto 0;text-align:center}
.notes-final-statement strong{display:block;font:400 clamp(67px,9vw,138px)/.8 'Italiana',serif;letter-spacing:-.055em}
.notes-final-statement span{display:block;font:italic clamp(37px,4.5vw,68px)/1.06 'Italiana',serif;margin-top:55px}
.notes-coda{margin:clamp(120px,14vw,220px) auto 0;text-align:center;padding-bottom:clamp(130px,15vw,230px);font-size:20px}
.notes-coda p:last-child{font:italic clamp(29px,3vw,45px)/1.25 'Italiana',serif;margin-top:48px}

@media(max-width:900px){
  .notes-hero-heading{grid-column:1/13}
  .notes-hero-intro{grid-column:2/9;padding:60px 0 0}
  .notes-hero-image{margin-top:70px}
  .prose-left,.prose-left-narrow{margin-left:5%}
  .prose-right{margin-right:5%}
}

@media(max-width:700px){
  .notes-essay{border:0}
  .notes-hero{display:block;padding:58px 20px 0}
  .notes-hero h1{font-size:clamp(58px,19vw,92px);line-height:.8}
  .notes-label{margin-bottom:27px}
  .notes-hero-intro{padding-top:42px}
  .notes-subtitle{font-size:27px;margin-bottom:25px}
  .notes-standfirst{font-size:16px;line-height:1.48}
  .notes-standfirst br{display:none}
  .notes-hero-image{margin:55px -20px 0}
  .notes-body{padding:0 20px}
  .prose,.prose-left-narrow{width:100%;margin-left:0;margin-right:0;font-size:17px;line-height:1.68}
  .notes-opening{padding-top:90px}
  .opening-refrain{margin-bottom:50px!important}
  .notes-chapter{padding-top:120px}
  .chapter-heading{margin-bottom:44px}
  .chapter-heading h2{font-size:39px;line-height:1}
  .notes-image{margin-top:120px;width:auto;margin-left:-20px;margin-right:-20px}
  .notes-pull{font-size:clamp(43px,13vw,68px);line-height:.96;margin-top:115px;text-align:left}
  .notes-pull-more{margin-left:0}
  .notes-final{padding-top:120px}
  .notes-final-statement{margin-top:130px;text-align:left}
  .notes-final-statement strong{font-size:clamp(52px,16.5vw,80px);line-height:.83}
  .notes-final-statement span{font-size:36px;margin-top:38px}
  .notes-coda{padding-bottom:130px;margin-top:120px;text-align:left;font-size:18px}
  .notes-coda p br{display:none}
}