.about{display:grid;grid-template-columns:1fr 1.4fr;gap:120px;align-items:start}
@media (max-width: 1100px){ .about{ grid-template-columns:1fr; gap:50px } }
.about-label{position:sticky;top:140px}
.about h2{
  font-size:clamp(34px, 4.6vw, 76px);line-height:.95;letter-spacing:-.015em;
  margin-top:18px;color:var(--paper);
}
.about h2 .it{font-style:italic;color:var(--gold-bright)}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:60px}
.about-cols p{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:17px;line-height:1.65;color:var(--bone)}
.about-cols p strong{color:var(--paper);font-weight:500}
.about-cols p + p{margin-top:18px}
.dropcap::first-letter{
  font-family:"Cormorant Garamond",serif;font-style:italic;font-size:74px;line-height:.85;
  color:var(--gold-bright);float:left;margin:8px 12px -4px 0;padding-top:4px;
}
@media (max-width: 820px){ .about-cols{ grid-template-columns:1fr; gap:24px } }

.about-quote{
  margin-top:80px;padding:46px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;
}
.quote-mark{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:120px;line-height:.5;color:var(--gold);align-self:start}
.about-quote p{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:300;font-size:clamp(22px, 2.4vw, 34px);line-height:1.35;color:var(--paper)}
.about-quote cite{display:block;margin-top:18px;font-style:normal;font-family:"Manrope",sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}