.neutral .m3-hero{--h1:46px}
.m3-hero{padding:72px 0 88px;background:var(--paper)}
.m3-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.m3-hero-copy h1{margin:20px 0 22px;max-width:13ch;font-size:var(--h1)}
.m3-hero-copy .lead{max-width:46ch}
.m3-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:34px}
.m3-creds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.m3-creds li{display:flex;flex-direction:column;font-size:14px;color:var(--muted);line-height:1.4}
.m3-creds strong{font-size:16px;color:var(--ink);margin-bottom:4px}
.m3-hero-photo{width:100%;max-width:480px;justify-self:end;aspect-ratio:4/5;object-fit:cover;object-position:center 28%;border-radius:var(--radius)}

.m3-paths-section{padding:96px 0 104px;background:var(--blush)}
.m3-paths-section .i3-head{margin-bottom:40px}
.m3-paths-section .i3-head .lead{margin-top:12px}
.m3-paths-section .i3-paths{margin-top:0}
.m3-paths-section .i3-path-tabs button[aria-selected=false]{background:var(--paper)}

.m3-about{display:grid;grid-template-columns:1.15fr .85fr;gap:96px;align-items:center}
.m3-about-copy h2{margin-bottom:20px}
.m3-about-copy>p{color:var(--muted);max-width:58ch}
.m3-numbers{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.m3-numbers li{display:flex;flex-direction:column;gap:6px;padding:34px 28px;font-size:14px;color:var(--muted);line-height:1.4;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.m3-numbers li:nth-child(2n){border-right:0}.m3-numbers li:nth-child(n+3){border-bottom:0}
.m3-numbers strong{font-size:var(--h3);line-height:1.15;color:var(--ink);font-family:var(--serif)}

.m3-place-section{background:var(--paper)}
.m3-place{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.m3-place-copy h2{margin-bottom:16px}
.m3-place-list{margin:32px 0 0;padding:0}
.m3-place-list div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.m3-place-list div:last-child{border-bottom:1px solid var(--line)}
.m3-place-list dt{font-size:var(--small);font-weight:700;color:var(--muted);padding-top:3px}
.m3-place-list dd{margin:0;font-size:16px}
.m3-place-photo{margin:0;width:100%;min-width:0;aspect-ratio:4/3}

@media (max-width:900px){
  .m3-hero{padding:40px 0 64px}
  .m3-hero-grid,.m3-about,.m3-place{grid-template-columns:1fr;gap:40px}
  .m3-hero-photo{order:-1;max-width:none;justify-self:stretch;aspect-ratio:4/3.6;object-position:center 22%}
  .m3-hero-copy h1{max-width:none}
  .m3-paths-section{padding:64px 0 72px}
}
@media (max-width:620px){
  .neutral .m3-hero{--h1:36px}
  .m3-creds{grid-template-columns:1fr;gap:16px;margin-top:36px}
  .m3-creds li{flex-direction:row;gap:8px;align-items:baseline}.m3-creds strong{margin:0}
  .m3-hero-actions .button{width:100%}
  .m3-numbers{grid-template-columns:1fr}
  .m3-numbers li{border-right:0;padding:24px 22px}.m3-numbers li:nth-child(n+3){border-bottom:1px solid var(--line)}.m3-numbers li:last-child{border-bottom:0}
  .m3-place-list div{grid-template-columns:1fr;gap:4px}
}