/* ABOUT-2: one screen over the founder's picture; no separate text panel. */
.info-page main.pages.about-stage{position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:none;min-height:calc(100svh - var(--site-bar-height));margin:0;padding:48px 40px 72px;display:flex;align-items:center;font-size:17px}
.about-image{position:absolute;inset:0;z-index:-2;display:block;margin:0;width:100%;height:100%}
.about-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.about-copy{position:relative;width:min(400px,28vw);margin-left:auto;color:var(--site-page);text-shadow:0 0 12px rgba(51,51,51,.6),0 0 16px rgba(51,51,51,.6),0 0 20px rgba(51,51,51,.6),0 0 12px rgba(51,51,51,.6),0 0 16px rgba(51,51,51,.6),0 0 20px rgba(51,51,51,.6)}
.info-page main.about-stage .about-eyebrow{margin:0 0 12px;font:400 14px/1.3 var(--site-body);color:inherit}
.info-page main.about-stage h1{margin:0 0 16px;font-size:clamp(32px,4.7svh,44px);line-height:1.06;font-weight:400;color:inherit}
.info-page main.about-stage .about-intro{margin:0 0 20px;font:400 clamp(14px,1.8svh,17px)/1.45 var(--site-body);color:inherit}
.info-page main.about-stage .about-motto{margin:0 0 20px;font:400 clamp(28px,4.3svh,40px)/1.06 var(--site-heading);color:inherit}
.info-page main.about-stage a.about-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:0;border-radius:4px;background:var(--site-button);color:var(--site-page);font:500 16px/1.4 var(--site-body);text-decoration:none;text-shadow:none}
.info-page main.about-stage a.about-cta:hover{background:var(--site-hover)}
.info-page .about-stage footer.pages-foot{position:absolute;bottom:16px;left:40px;right:40px;width:auto;margin:0;padding:0;border:0;font:400 12px/1.4 var(--site-body);color:var(--site-page);text-align:right;text-shadow:0 0 12px #333,0 0 16px #333,0 0 20px #333}
@media(max-width:900px){
 .info-page main.pages.about-stage{align-items:flex-end;padding:48px 24px 56px}
 .about-copy{width:min(400px,55vw)}
 .info-page .about-stage footer.pages-foot{left:24px;right:24px;font-size:11px}
}
@media(max-width:600px){
 .info-page main.pages.about-stage{padding:28px 24px 54px}
 .about-image img{object-position:44% 50%}
 .about-stage::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent 34%,rgba(51,51,51,.65) 48%,rgba(51,51,51,.82) 76%,rgba(51,51,51,.92))}
 .about-copy{width:100%}
 /* ABOUT-3: a light outline on the fade; compensate the border to keep the box still. */
 .info-page main.about-stage a.about-cta{box-sizing:border-box;color:inherit;border:1px solid currentColor;padding-inline:23px;background:transparent}
 .info-page main.about-stage a.about-cta:hover{background:transparent}
 .info-page main.about-stage .about-eyebrow{font-size:12px;margin-bottom:8px}
 .info-page main.about-stage h1{font-size:clamp(26px,3.8svh,36px);margin-bottom:10px}
 .info-page main.about-stage .about-intro{font-size:clamp(14px,1.8svh,16px);line-height:1.4;margin-bottom:12px}
 .info-page main.about-stage .about-motto{font-size:clamp(26px,3.5svh,32px);margin-bottom:14px}
 .info-page .about-stage footer.pages-foot{text-align:left}
}
@media(max-width:600px) and (max-height:700px){
 .info-page main.pages.about-stage{padding:20px 16px 42px}
 .info-page main.about-stage .about-eyebrow{margin-bottom:6px}
 .info-page main.about-stage h1{font-size:26px;margin-bottom:8px}
 .info-page main.about-stage .about-intro{line-height:1.35;margin-bottom:8px}
 .info-page main.about-stage .about-motto{font-size:26px;margin-bottom:10px}
 .info-page .about-stage footer.pages-foot{left:16px;right:16px;bottom:12px}
}