.about-page{overflow-x:hidden}.about-page main{padding:175px var(--pad) 0}.about-page h1{font-size:clamp(2.6rem,6.4vw,6.8rem);line-height:1.15;letter-spacing:-.045em;max-width:1200px}.about-page h1 span,.about-page h2 span{color:var(--lime)}.about-page h2{font-size:clamp(2rem,4.2vw,4.5rem);line-height:1.2;letter-spacing:-.035em}.about-page p{font-size:1.15rem;line-height:1.9}.about-opening{display:flex;justify-content:space-between;align-items:center;margin:30px 0 65px;gap:24px}.about-opening p{color:var(--muted)}.people{display:grid;grid-template-columns:1fr 1fr;gap:6vw;max-width:1050px;margin:auto;scroll-margin-top:40px}.person{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease}.person:nth-child(2){padding-top:90px}.portrait{position:relative;aspect-ratio:4/4.8;border-radius:26px;overflow:hidden;background:#241731;border:1px solid var(--line)}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);object-position:50% 35%}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#0b0914c9);pointer-events:none}.experience{position:absolute;z-index:1;bottom:22px;right:22px;display:flex;align-items:center;gap:14px;font-size:.9375rem;color:white}.experience b{font:500 3rem 'Space Grotesk',sans-serif;direction:ltr}.person-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 8px}.person-caption h2{font-size:2rem}.person-caption span{color:var(--lime)}.person>p{font-size:1rem;color:var(--muted);max-width:450px}.about-story,.about-capabilities{padding:120px 0}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:40px;max-width:1050px}.story-columns p{color:var(--muted)}.about-relationship{padding:75px 7%;border:1px solid #65418a;border-radius:32px;background:radial-gradient(ellipse at var(--mx,70%) var(--my,30%),#462166,#170f28 70%)}.about-relationship>p{max-width:750px;margin:30px 0;color:#e1d7ec}.about-values{display:flex;flex-wrap:wrap;gap:32px;padding-top:28px;border-top:1px solid #ffffff30}.about-values span{display:flex;align-items:center;gap:12px}.about-values .icon{color:var(--lime)}.about-section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:8vw}.about-section-heading>p{color:var(--muted)}.about-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:42px 0 32px}.about-service{padding:28px 22px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:15px;transition:background .2s,transform .2s}.about-service>.icon:first-child{width:32px;height:32px;color:var(--lime)}.about-service>.icon:last-child{width:18px;margin-inline-start:auto}.about-service:hover{background:#33204c;transform:translateY(-5px)}.about-closing{padding:50px 0 110px;text-align:center}.about-closing h2{font-size:clamp(3rem,7vw,7rem);margin:22px 0 36px}.about-page .footer{margin-top:0}.about-page .mobile-nav[hidden]{display:none}.about-page .progress{transform-origin:right}.about-page .button{display:inline-flex}.about-page .about-reveal{opacity:1}.about-page.motion-ready .about-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.about-page.motion-ready .about-reveal.visible{opacity:1;transform:none}.motion-reduced .person{transform:none!important}.motion-reduced .about-reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:760px){.about-page main{padding-top:125px}.about-opening{display:block;margin-bottom:34px}.about-opening .text-link{display:inline-flex;margin-top:18px}.people{gap:36px;grid-template-columns:1fr;max-width:440px}.person:nth-child(2){padding-top:0}.portrait{aspect-ratio:4/4.5}.about-story,.about-capabilities{padding:70px 0}.story-columns,.about-section-heading{grid-template-columns:1fr;gap:20px}.about-relationship{padding:35px 24px;border-radius:24px}.about-services{grid-template-columns:1fr 1fr;gap:10px}.about-service{padding:20px 14px;flex-wrap:wrap;gap:12px}.about-service span{flex-basis:100%;font-size:1rem}.about-service>.icon:last-child{display:none}.about-values{gap:20px}.about-page p{font-size:1rem}.about-closing{padding-bottom:70px}.about-page .person-caption h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important}.person,.about-service{transform:none!important}.about-page.motion-ready .about-reveal{opacity:1;transform:none;transition:none}}
/* Reveal the original portrait colors on mouse hover. */
.about-page .portrait img{transition:filter .45s ease}
@media(hover:hover) and (pointer:fine){.about-page .portrait:hover img{filter:grayscale(0) contrast(1)}}
@media(prefers-reduced-motion:reduce){.about-page .portrait img{transition:none}}
.motion-reduced .about-page .portrait img{transition:none}

/* Scroll position directly controls touch portraits; no delayed filter animation. */
.about-page .portrait.scroll-color img{filter:grayscale(var(--portrait-gray,1)) contrast(1);transition:none}
