/* Me: two roles, one person. Shared site navigation and footer. */

.me-layout{--paper:#232720;--white:#2c3229;--soft:#343b30;--ink:#f4f1e7;--ink-2:#d6dbce;--muted:#b6bead;--line:#47513f;background:var(--paper);color:var(--ink);font-family:'Cabinet Grotesk',ui-sans-serif,system-ui,sans-serif;color-scheme:dark}
.me-layout.page-enter{animation:none}
.me-layout .floating-header{background:rgba(39,45,35,.94);border-color:var(--line);box-shadow:none}
.me-layout .desktop-nav a,.me-layout .mobile-nav a{color:var(--ink-2)}
.me-layout .desktop-nav a.active,.me-layout .mobile-nav a.active{background:var(--ink);color:var(--paper)}
.me-layout .desktop-nav a.active::after{background:#687553}
.me-layout .menu-button{background:var(--ink);color:var(--paper)}
.me-layout .skip-link:focus{background:var(--ink);color:var(--paper)}
.me-layout :focus-visible{outline:2px solid #eee2a5;outline-offset:5px}
.me-layout ::selection{background:#efe6b2;color:#232720}
.me-page.shell{width:min(calc(100% - 64px),960px);padding:64px 0 72px;min-height:calc(100svh - 180px)}
.me-heading{margin-bottom:32px}
.me-heading h1{font-size:clamp(36px,4.5vw,52px);font-weight:650;line-height:1.12;letter-spacing:-.04em;margin:0 0 12px}
.me-heading>p{font-size:17px;line-height:1.6;color:var(--muted);margin:0}
.me-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.me-person{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--white);min-width:0;transition:transform .22s ease,border-color .22s ease}
.me-owner{--ink:#232720;--ink-2:#42483d;--muted:#626a5c;background:#f0eee4;border-color:#f0eee4;color:var(--ink)}
.me-person-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.me-person .me-role{font-size:12px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 0 0}
.me-portrait{display:block;width:112px;height:112px;flex-shrink:0;border-radius:50%;object-fit:cover}
.me-person h2{font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px;overflow-wrap:anywhere}
.me-person>p:not(.me-role){font-size:17px;line-height:1.7;color:var(--ink-2);margin:0}
.me-person>p.me-belief{font-size:19px;font-weight:650;line-height:1.4;color:var(--ink);margin-bottom:16px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.me-person:hover{transform:translateY(-3px)}.me-employee:hover{border-color:#83906f}}
@media(prefers-reduced-motion:reduce){.me-person{transition:none}}
.me-layout .site-footer{border-color:var(--line);color:var(--muted)}
@media(max-width:650px){
  .me-page.shell{width:calc(100% - 40px);padding:40px 0 48px;min-height:calc(100svh - 230px)}
  .me-team{grid-template-columns:minmax(0,1fr);gap:18px}
  .me-heading{margin-bottom:26px}
  .me-person{padding:24px}
    .me-person-top{margin-bottom:18px}
    .me-portrait{width:96px;height:96px}
  .me-person h2{font-size:26px}
  .me-person>p:not(.me-role){font-size:16px}
}