body:has(.about){--theme-background:#e7e8eb;--theme-text:#0b2f19;--theme-headline:#013121;--second-half-text-color:hsl(16,42%,22%);--second-half-background-color:#dee0e4}.about .hero{text-align:left;display:flex;flex-direction:column;gap:40px;padding:0 0 30px}.about .hero>div:first-child{text-align:center}@media screen and (min-width:750px){.about .hero>div:first-child{text-align:right}.about .hero{padding:0 0 100px;display:grid;grid-gap:40px;gap:40px;grid-template-columns:1fr 3fr}}.about .hero__text{text-align:left;display:flex;flex-direction:column;justify-content:center;gap:10px}.about .hero__text h1{margin:0;font-size:var(--hero-headline-size);line-height:1.1}.about .hero__text p{margin:0;font-size:var(--hero-text-size);font-weight:var(--hero-text-weight)}.about .hero__image{border-radius:10px;box-shadow:0 6px 8px rgba(0,0,0,.1),0 4px 34px rgba(0,0,0,.2)}.about .about__main{max-width:var(--width-medium);display:flex;flex-direction:column;gap:60px;margin:0 auto}@media(min-width:750px){.about .about__main{display:grid;grid-template-columns:1fr 1fr}}.about .hero{max-width:var(--width-narrow);margin:0 auto}.about .intro{max-width:100%;padding:70px 0}.about__main-text{font-size:var(--about-main-font-size);display:flex;flex-direction:column;gap:20px}.about__main-text p{margin:0 0 20px}.about__meta{display:flex;flex-direction:column;gap:30px}.about__meta p{margin:0}.about__acks p{margin-bottom:15px}.about__jonny-photos{display:flex;gap:10px}.about__jonny-photos a{display:inline-block}.about__jonny-photos img{transition:all .2s ease-in-out;border-radius:8px;box-shadow:0 4px 4px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.15)}.about__jonny-photos a:hover img{transform:scale(1.05);box-shadow:0 5px 6px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.15)}.about__meta h2{font-size:var(--about-meta-headline-size);font-family:var(--font-family-base);margin:0 0 8px}.about__acks-images{display:flex;gap:10px}.about__acks-images a{display:inline-block}.about__acks-images img{transition:all .2s ease-in-out;border-radius:8px;box-shadow:0 4px 4px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.15)}.about__acks-images a:hover img{transform:scale(1.05);box-shadow:0 5px 6px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.15)}