/* About hero: the same dark, integrated photographic treatment as Experience. */
body.about-page #main .about-statement{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;min-height:clamp(420px,39vw,550px);display:flex;align-items:center;margin:0;padding:48px max(40px,calc((100vw - 1240px)/2));background:#111410;color:#eeede4}
body.about-page #main .about-statement .about-canopy{position:absolute;inset:0;z-index:0;margin:0}
body.about-page #main .about-canopy img{width:100%;height:100%;object-fit:cover;object-position:75% 48%;filter:saturate(.75)}
body.about-page #main .about-statement:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#111410 0%,rgba(17,20,16,.9) 30%,rgba(17,20,16,.5) 55%,rgba(17,20,16,.05) 85%),linear-gradient(0deg,#111410,transparent 18%)}
body.about-page #main .about-statement h1{position:relative;z-index:2;max-width:700px;width:58%;color:#eeede4;font-weight:400;font-size:clamp(2.6rem,4.2vw,4.3rem);line-height:1.08}
body.about-page #main .about-statement h1 em,body.about-page #main .about-statement h1 .alive{color:#aebc91;font-weight:400}
body.about-page #main .about-opening{padding-top:40px}
/* Give the existing path room and fade its actual edges into black. */
body.about-page #main .about-work-photo{left:35%;width:65%}
body.about-page #main .about-work-photo img{inset:0;width:100%;max-width:none;height:100%;transform:none;object-fit:cover;object-position:center 58%;mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(0deg,transparent,#000 18%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(0deg,transparent,#000 18%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
body.about-page #main .about-work-photo:after{background:linear-gradient(90deg,#111410,rgba(17,20,16,.65) 22%,rgba(17,20,16,.1) 65%)}
body.method-page #main .method-knowing>.foundation-photo img{filter:brightness(.83) saturate(.7) contrast(.96)}
body.experience-page #main .experience-environments img[src$="cultural-museum.jpg"]{object-position:50% 55%}
@media(max-width:800px){body.about-page #main .about-statement{min-height:520px;align-items:flex-end;padding:180px 24px 36px}body.about-page #main .about-statement h1{width:100%;max-width:580px;font-size:clamp(2.25rem,8vw,3.4rem)}body.about-page #main .about-statement:after{background:linear-gradient(0deg,#111410 0%,rgba(17,20,16,.9) 30%,rgba(17,20,16,.35) 70%,rgba(17,20,16,.05))}body.about-page #main .about-work-photo{left:0;width:100%;height:340px}body.about-page #main .about-work-photo img{object-position:center 55%;mask-image:linear-gradient(0deg,transparent,#000 30%,#000 85%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 30%,#000 85%,transparent)}body.about-page #main .about-work-photo:after{background:linear-gradient(0deg,#111410,transparent 48%)}}