:root{--me-title:clamp(40px,5vw,72px);--me-heading:clamp(26px,2.4vw,34px);--me-gap:32px;--me-space:80px}
.me-entry{--me-solution:#7dd3fc;display:flex;justify-content:space-between;align-items:center;gap:var(--me-gap);background:var(--surface);border-left:3px solid var(--me-solution);padding:var(--me-gap);margin-top:48px}
.me-entry h3{color:var(--me-solution);margin-bottom:16px}
.me-entry p{font-size:var(--small)}
.me-entry .text-link{gap:24px;flex-shrink:0}
.me-page .desktop-nav [aria-current]{color:var(--accent)}
.me-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:40px;padding-bottom:var(--me-space)}
.me-hero h1{font-size:var(--me-title);line-height:1.2}
.me-hero p{max-width:540px;margin:32px 0;font-size:var(--body)}
.me-hero figure{overflow:hidden}
.me-hero img{height:400px;object-position:60% center;animation:city-drift 24s ease-in-out infinite alternate}
.me-hero figcaption{margin-top:12px}
.me-jump{display:flex;flex-wrap:wrap;gap:8px 28px;padding-bottom:48px}
.me-jump a{font-size:var(--small);min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}
.me-jump a:hover{color:var(--accent)}
.me-content{padding-top:32px;padding-bottom:var(--me-space)}
.me-content>h2{font-size:var(--me-heading);margin-bottom:32px}
.me-services{min-width:0}
.me-service{display:grid;grid-template-columns:1fr 2fr auto;gap:16px 32px;padding:32px}
.me-service:nth-child(odd){background:var(--surface)}
.me-service h3{font-size:var(--me-heading);grid-column:1;grid-row:1/3;color:var(--accent)}
.me-service p{font-size:var(--body);max-width:620px;grid-column:2}
.me-service .me-docs{font-size:var(--small);color:var(--muted);grid-column:2}
.me-service .text-link{justify-self:start;align-self:center;grid-column:3;grid-row:1/3}
.me-source{font-size:var(--small);text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
.me-source:hover{color:var(--accent)}
.me-note{font-size:var(--small);color:var(--muted);margin-top:32px;max-width:700px}
.me-page .contact{margin-top:0;padding-top:64px;padding-bottom:64px;overflow:hidden}
.me-page .contact-background{object-position:center 70%}
.me-page .contact-panel h2{font-size:var(--me-heading)}
.me-page .footer-statement{margin-top:48px}
.me-page .footer-wordmark{font-size:12vw}
@media(min-width:1101px){.desktop-nav{gap:20px;white-space:nowrap}}
@media(max-width:1000px){
  .me-hero{gap:32px}
  .me-hero img{height:360px}
  .me-service{grid-template-columns:1fr 2fr;padding:24px}
  .me-service .text-link{grid-column:2;grid-row:auto;justify-self:start}
}
@media(max-width:600px){
  :root{--me-gap:24px;--me-space:48px}
  .me-entry{display:block;padding:24px;margin-top:36px}
  .me-entry h3{font-size:26px}
  .me-entry .text-link{width:100%;margin-top:24px}
  .me-hero{grid-template-columns:1fr;gap:32px;padding-top:32px}
  .me-hero p{margin:24px 0;font-size:16px}
  .me-hero img{height:220px}
  .me-hero figcaption{font-size:14px}
  .me-jump{gap:4px 24px;padding-bottom:32px}
  .me-content{display:block;padding-top:8px}
  .me-content>h2{margin-bottom:32px}
  .me-service{padding:28px 20px;gap:20px}
  .me-service h3{font-size:26px;grid-column:1/-1;grid-row:auto}
  .me-service p,.me-service .me-docs,.me-service .text-link{grid-column:1/-1}
  .me-service .text-link{width:100%;grid-row:auto}
  .me-source{justify-self:start}
  .me-page .contact{padding-top:220px;padding-bottom:0}
  .me-page .contact-background{height:440px;top:-80px}
  .me-page .footer-wordmark{font-size:15vw}
}
@media(prefers-reduced-motion:reduce){.me-hero img{animation:none}}