/* A customer memo within Grey Materia's established paper-and-ink identity. */
.team-page{padding:170px 28px 100px}
.team-memo{max-width:760px;margin:0 auto}
.memo-header h1{font-family:Instrument,sans-serif;font-size:clamp(42px,5.3vw,72px);font-weight:600;letter-spacing:-.04em;line-height:1.04;text-wrap:balance}
.memo-body{font-size:20px;margin-top:48px}
.memo-body p{line-height:1.7;margin:0 0 24px}
.memo-body a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.memo-body a:hover{text-decoration-thickness:2px}
.memo-body .memo-salutation{font-size:18px;margin-bottom:30px}
.memo-body h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:48px 0 20px}
.memo-signoff{margin-top:40px}
.memo-signoff p{margin-bottom:12px}
.memo-signoff .memo-signature{font-weight:600;color:var(--blue)}
.memo-next{border-top:1px solid var(--line);margin-top:52px;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.memo-next>p{font-size:16px;max-width:300px}
.memo-next .footer-action{margin:0;font-size:16px;min-height:44px;flex:none}
.memo-footer{padding-top:40px}
.memo-footer-top{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:36px}
.memo-footer-top .footer-brand img{width:226px;height:auto}
.memo-footer-top nav{display:flex;flex-wrap:wrap;gap:16px 28px;font-size:15px}
.memo-footer-top nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.memo-footer-top nav a:hover{text-decoration:underline}
.memo-footer-top [aria-current="page"]{color:var(--blue);text-decoration:underline}
@media(max-width:700px){.team-page{padding:132px 24px 68px}.memo-header h1{font-size:clamp(38px,8.6vw,56px)}.memo-body{font-size:18px;margin-top:34px}.memo-body p{line-height:1.65;margin-bottom:22px}.memo-body .memo-salutation{font-size:17px}.memo-body h2{font-size:27px;margin:38px 0 18px}.memo-next{display:block;margin-top:40px}.memo-next>p{margin-bottom:12px}.memo-footer-top{align-items:flex-start;flex-direction:column;gap:22px}.memo-footer-top nav{gap:8px 22px}}
@media(prefers-reduced-motion:no-preference){.memo-next .footer-action svg{transition:transform .2s}.memo-next .footer-action:hover svg{transform:translate(2px,-2px)}}