.cn-app-about-page{min-height:100vh}
.cn-app-about-hero{display:grid;grid-template-columns:minmax(0,.72fr) minmax(260px,1fr);gap:clamp(2.5rem,8vw,7rem);align-items:center;padding-block:clamp(3.5rem,9vw,8rem);border-bottom:1px solid var(--cn-line)}
.cn-app-about-copy{max-width:42rem}
.cn-app-about-copy>p:not(.cn-eyebrow){max-width:38rem}
.cn-app-about-mark{display:grid;place-items:center;min-height:380px;border-left:1px solid var(--cn-line)}
.cn-app-about-mark img{width:min(72%,360px);max-height:360px;object-fit:contain}
.cn-app-about-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-block:clamp(3rem,7vw,6rem)}
.cn-app-about-details section{border-top:1px solid var(--cn-line);padding-top:1.5rem}
.cn-app-about-details h2{font-size:1.9rem}
.cn-app-about-details p{color:var(--cn-muted);font-size:1rem}
@media(max-width:760px){.cn-app-about-hero{grid-template-columns:1fr;padding-block:3rem}.cn-app-about-mark{min-height:240px;border-left:0;border-top:1px solid var(--cn-line);padding-top:2rem}.cn-app-about-mark img{width:min(64%,260px)}.cn-app-about-details{grid-template-columns:1fr;gap:1.25rem}}