/* About page: LA sunset photo background + cleaner spacing. Delete this file to go back to plain. */
html{background:#070707}
html body{background:transparent}
html body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(90deg,#070707 0%,#070707 18%,rgba(7,7,7,.35) 50%,rgba(7,7,7,0) 100%),
    linear-gradient(180deg,rgba(7,7,7,0) 45%,#070707 92%),
    url("../images/about-bg.jpg") right top / auto 80% no-repeat,
    #070707}
@media (max-width:800px){html body::before{background:
    linear-gradient(rgba(7,7,7,.5),rgba(7,7,7,.85)),
    url("../images/about-bg.jpg") 70% top / cover no-repeat,#070707}}
.topbar{background:rgba(11,11,11,.88)}
.page-hero{padding:88px 0 8px;position:relative}
.page-hero::before{content:"";position:absolute;left:0;right:0;top:-130px;bottom:-30px;pointer-events:none;
  background:linear-gradient(90deg,rgba(7,7,7,.92) 0,rgba(7,7,7,.72) 48%,rgba(7,7,7,.38) 72%,rgba(7,7,7,0) 96%);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%)}
.page-hero .wrap{position:relative}
.page-hero .muted{color:#e2e2e5;font-size:1.05rem;line-height:1.7}
.section{padding:36px 0 88px}
.about-sec{padding:28px 0}
.about-sec:last-of-type{padding-bottom:88px}
.card{background:rgba(14,14,16,.78)}
.card .muted{color:#cfcfd3}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.about-sec .eyebrow{margin:0 0 14px}
.step-n{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;line-height:1;color:#cfcfd3;margin-bottom:12px}
.about-sec h3{margin:0 0 8px}
.founder{max-width:760px}
.about-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media (max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:800px){.page-hero{padding:48px 0 4px}.section{padding:24px 0 56px}.about-sec{padding:18px 0}.grid-4{grid-template-columns:1fr}}
.page-hero h1{max-width:9.6em}