/* 3.8: spacious portraits, natural image proportions, quieter footer. */
.about-page .section-space{padding-block:clamp(64px,8vw,112px)}
.about-page .page-hero--about{min-height:540px;padding-block:clamp(96px,12vw,160px);display:flex;align-items:center}
.about-page .page-hero h1{max-width:1000px;font-size:clamp(42px,6.8vw,96px);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.about-page .page-hero .shell>p:last-child{max-width:560px;line-height:1.7;margin-top:28px}
.about-page .about-intro__grid{grid-template-columns:1fr 2fr;gap:clamp(28px,6vw,96px)}
.about-page .about-intro h2{font-size:clamp(28px,3.1vw,44px);line-height:1.2;letter-spacing:-.035em}
.about-page .about-intro p:not(.eyebrow){max-width:65ch;line-height:1.8}
.about-people{background:var(--white)}
.about-section-title{margin-bottom:40px;max-width:850px}
.about-section-title h2{font-size:clamp(34px,4.5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 0;text-wrap:balance}
.about-people__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.about-person{min-width:0}
.about-person__image{background:var(--paper);overflow:hidden;border-radius:4px}
.about-person__image img{display:block;width:100%;height:auto;filter:none}
.about-person__body{padding:28px 0 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.about-person__body .eyebrow{font-size:11px;letter-spacing:.12em;color:var(--ink);opacity:.75}
.about-person h3{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.04em;line-height:1.1;margin:12px 0 16px}
.about-person__quote{font-size:clamp(17px,1.7vw,22px);line-height:1.6;max-width:34ch;margin:0 0 30px}
.about-moments__grid{columns:2;column-gap:24px}
.about-moments__grid.is-single{columns:1;max-width:900px}
.about-moments figure{break-inside:avoid;margin:0 0 24px}
.about-moments a{position:relative;display:block;border-radius:4px;overflow:hidden;background:var(--white)}
.about-moments img{display:block;width:100%;height:auto}
.about-moments a>span{position:absolute;bottom:14px;right:14px;background:var(--paper);color:var(--ink);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}
.about-moments figcaption{padding-top:12px;font-size:14px;line-height:1.6}
.about-page .values__grid{gap:32px}
.about-page .values__grid article{border-top:1px solid #ffffff40;padding-top:24px}
.site-footer{padding:72px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1.1fr;gap:48px;padding-bottom:60px;align-items:start}
.footer-grid>*,.footer__bottom>*{min-width:0}
.footer-wordmark{display:block;font-size:clamp(24px,2.6vw,36px);font-weight:750;letter-spacing:-.055em;line-height:1.1;text-decoration:none}
.footer-wordmark span{display:block;color:var(--orange)}
.footer-brand>p{font-size:15px;line-height:1.7;max-width:28ch;margin:22px 0 0}
.footer-brand .footer-location{font-size:13px;opacity:.65}
.footer-grid h2{font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px;line-height:1.5}
.footer-explore>a,.footer-reach>a{display:block;width:fit-content;padding:8px 0;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}
.footer-email{font-size:clamp(16px,1.5vw,20px)}
.footer-socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.footer-socials a{border:1px solid #ffffff40;border-radius:100px;padding:11px 16px;font-size:13px;text-decoration:none}
.site-footer a:hover{color:var(--orange)}
.site-footer a:focus-visible,.about-moments a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.site-footer .footer__bottom{gap:24px;align-items:center;margin:0;padding-top:24px}
.site-footer .footer__bottom nav{display:flex;gap:12px 24px;flex-wrap:wrap}
.site-footer .footer__bottom nav a{padding-block:12px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1/-1}.footer-brand>p{max-width:50ch}.about-page .about-intro__grid{grid-template-columns:1fr}.about-page .page-hero--about{min-height:460px}}
@media(max-width:640px){.about-people__grid{grid-template-columns:1fr;gap:48px}.about-section-title{margin-bottom:28px}.about-person__body{padding-top:24px}.about-moments__grid{column-gap:12px}.about-moments figure{margin-bottom:16px}.about-moments figcaption{font-size:12px}.about-moments a>span{bottom:8px;right:8px;width:32px;height:32px}.about-page .page-hero--about{min-height:420px;padding-block:88px}.about-page .page-hero h1{font-size:clamp(36px,10vw,58px)}.site-footer{padding-top:48px}.footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:36px}.footer-brand{grid-column:auto}.footer-explore{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.footer-explore h2{grid-column:1/-1}.site-footer .footer__bottom{align-items:flex-start;flex-direction:column;gap:10px}}
